Home » Resources » Dreamweaver CS4 Tutorial » Different Coloured Text

Part 3.4: Different Coloured Text

If you would like to change the font colour for a whole class, you can open the CSS Rule Definition box from the CSS Panel as described above. All this is covered in our comprehensive Dreamweaver course.

Simply place your cursor within text that has that class applied to it, double click and change the colour in the Rule Definition box.

When you hit OK, all of the text in that class will be updated to the new colour you’ve chosen.

However if you want to change the colour of a small piece of text without changing the rest of the class:

Select your chosen piece of text with the cursor.

In the Properties panel at the bottom of the page, click on the CSS button (if not already selected) and click on the colour box to the right of the size options (see picture)
dreamweaver-training-9

Now pick a colour from the palette and create a new class as before with a clear name – for instance “redcoursedescription” if you’ve changed the text to red. Again, make sure you select the twoColLiqLtHdr.css stylesheeet in the Rule Definition box.

Similar resources you may like

1. Working with Text in Dreamweaver CS4
2. How to change fonts in Dreamweaver
3. Changing the font size
4. Making bold or italic text
5. Spry Menu Bar Widget – Change the Colours

Tags

cascading style sheets, Coloured Text, css, CSS Rule Definition, dreamweaver cs4, Dreamweaver Training, dreamweaver tutorial, Dremweaver Resources, Free Dreamweaver Training, style, Web Design Tutorial

Share This Resource

This entry was posted by Colin Welch on Monday, March 16th, 2009 at 10:33 am and is filed under Dreamweaver CS4 Tutorial. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.