Adding New Title Styles or Text Styles

These are instructions for adding a totally new font size or color. For editing current font sizes and colors see changing font color, size and face or changing link colors

Step 1:
Open the .css file (coolstyle.css or corporatestyle.css) in Notepad.

Step 2:
Copy one of the "class" lines as shown in the example below.

.title { color: #FF3300; font: 15px verdana, arial, sans-serif; font-weight: bold }

Paste it just below the line you copied.

Step 3:
Now edit the new line with a new name as seen below.

.titlebigger { color: #FF3300; font: 15px verdana, arial, sans-serif; font-weight: bold }

Edit the new line with some new sizes or colors.

.titlebigger { color: #000000; font: 22px verdana, arial, sans-serif; font-weight: normal }

You have now created a new class. You will now need to edit one of the HTML pages to add the new title color to some text.

Step 4:
Open one of the HTML pages, for example open the about.htm. Look for code similar to what is seen in the example below. This may be a little different in your template. (this line is from the "NewYork" Template)

<span class="title">ABOUT US</span><BR>

Step 5:
Change the class name as in the example below:

<span class="titlebigger">ABOUT US</span><BR>

Now open the page in your browser and hit the "refresh" button.



Related Topics:
Changing Link Colors
Changing Font Colors
Editing the Flash Animation
Adding a Second Link Class (advanced)

Links:
Font Colors
Color Mixer Software


Allwebco Template Support


Allwebco Website Template Support


Template Colors
Allwebco Template Support
More Color Details
Allwebco Template Support
Add New Colors
Allwebco Template Support
Shifting Colors
Allwebco Template Support
Font Colors
Allwebco Template Support
Link Colors
Allwebco Template Support
Form Colors
Allwebco Template Support
Scrollbars
Allwebco Template Support
Buttons
Allwebco Template Support
Hex Colors
Allwebco Template Support