Is Dreamweaver Bold Text Driving You Crazy?

June 11, 2010 - PRLog -- We are receiving tons of emails and phone calls from do-it-yourself web designers, almost in tears because they cannot figure out what the heck is going on with Dreamweaver. No matter what they do, there is no way of getting rid of the bold text. They try highlighting and then bold and un-bold commands and nothing seems to work. How do you get rid of this bold text?

So What Does All This Dreamweaver Bold Text Stuff means?

Contents:

  Why is Dreamweaver Making My Text Bold?

  Is CSS Causing Your Text To Be Bold?

  Simple Ways To Undo Bold Text.

Before we get into how to correct the bold text issue, let’s agree on a couple of things so we can all be on the same page. Our intentions with this article are to provide basic information that any person can follow along, no matter how new to Dreamweaver they are. Intentionally we will stay away from the Dreamweaver and website design jargon. Visit http://iwebcreations.com/tutorials to see this same tutorial with full images. Since the bottom line is to help you get rid of the bold text that is driving you crazy, we are going to do it in the most direct and easy method to follow along. This may not necessarily be the ultimate way of achieving this task. Now the Gurus and Experts can read along and not have an episode of the “I know better syndrome”.

Is CSS Causing Your Text To Be Bold?

Our experiences with those who have called on us to help them undo the bold issue have shown us that CSS is mostly to blame. Now earlier, I said we are not going to use jargon that people new to Dreamweaver or web design are not familiar with, but the fact is that no matter what your reason for utilizing Dreamweaver you are going to have to deal with css at one point or another. You see, even if you are not aware of it, every time you use Dreamweaver it places css code in your page. And most of the time this code is what is causing your text to be bold.

So, What’s The Simple Answer to Undo Bold Text?

Since we cannot physically see what the problem you are experiencing with the bold text problem, we are going to specify some of the most common issues that can cause bold text and the solution for removing it.

The table is being considered a Header table by Dreamweaver.

1. Place the cursor in the area that is bold.

2.Look on the bottom of the Dreamweaver window and you will see a box labeled Header. Uncheck this box.
Note: If you do not see a box labelled Header in the bottom of the page. Go to "Window" on the top of the page and click it. On the drop down menu click "Properties". This opens an area on the bottom of the page called the "Properties Inspector" and you will find the "Header" check box there.


Your text is being formatted by the css style.

1. Click on "Window" at the top of the page.

2. In the drop down menu click on CSS.

3. This will open a window (CSS) on the top right hand area of the page.

4. Click on all if not already selected.

5. Navigate to the bottom half of the CSS window and scroll until you find "Font-Weight".

6. On "Font – Weight" click on the area that says bold.

7. A drop down menu appears. Click on normal or 400. The Bold should now be gone.         Note: This is an easy way of doing away with bold if you just started the document and there is not a lot of text  on it.


Your text is being formatted by the CSS style. Solution #2

1. Follow the steps above to open the CSS window if not open already.

2. On the upper half of the window, locate the "Body" or it may look something like this: body, h1, th, tr,.

3. Click on "Body" and you will see the bottom half of the window now show the body style.

4. Again locate "Font-Weight" and click on the area that says "Bold" or "Strong".

5. The drop down menu will appear. Click on "Normal" or 400.
    Note: This will pretty much clear MOST of the bold in the entire page. So be ready for it.


Another design tool that can cause your text to be bold are the "h tags".

1. Place your cursor on the bold text.

2. On the bottom of the page (left hand side) you are going to see a drop down menu labelled "Format".

3. Click the arrow so the drop down menu opens.

4. Click on "None". The bold will be gone.
    Note: If you had an "h tag" and you delete the text by using backspace, any text you placed there will be bold      because the "h tag" will still exist. It may look like this in your code:  . If this is the case click in the empty area (table) and follow the same directions.

"Page Properties" can also cause your text to be bold.

1. Go to the bottom of the page and locate "Page Properties". If you cannot see "Page Properties" on the bottom of the page, scroll up, click "Window", and click "Properties".

2. Click "Page Properties" at the bottom of the page. The "Page Properties" window opens.

3. Click "Appearance" if not opened already.

4. On the right hand (top) if "Bold" (B) is selected click on it to de-select.

5. Click "Apply" at the bottom of the window. Your bold will be gone.

Dreamweaver WYSIWYG And Bold Text Suggestions.

As we researched this matter on the Internet, we realized that the answers and suggestions provided by well-meaning-people were too technical. Again, our intentions with this article are to guide the new user of Dreamweaver in a manner that can resolve the issue in the most practical way. We know that Dreamweaver's WYSIWYG editor can get a little frustrating for the beginner.  Web design geeks have a love-hate relationship with Dreamweaver. We love Dreamweaver because it makes our work exceptionally easy. And after all, it is the standard in our business. On the other hand, Dreamweaver is so broad that sometimes it will test your patients no matter how long you’ve been using it.

We welcome all comments and suggestions! If this article was helpful to you let us know. If you are an expert and have a different way or something to add let us know, so we can share it with others. info@iwebcreations.com

# # #

IWeb, Inc. is a website design company based in Miami, Florida. Our goal is to provide affordable website designs and web maintenance for small to medium size business. Visit us at http://iwebcreations.com