Skip to main content
Participant
August 14, 2023
Question

dreamweaver color text change under properties not working.

  • August 14, 2023
  • 3 replies
  • 571 views

My dremaweaver feels very glitchy since I started using it. one of the main things is that under properties panel and text, I can not select a color to change the text. It just shows a white box with a red line across it. The same happens with the background.  Every time I click on it, nothing happens. anyone knows how to fix this?

This topic has been closed for replies.

3 replies

Jon Fritz
Community Expert
Community Expert
August 16, 2023

The CSS Designer is a bit of a counterintuitive pain to work with, especially if you're new to using DW or CSS in general. To set the color of specific text from within the CSS Designer, you can...

1. Choose a Source. Hit the + by Source and choose a new external stylesheet, and existing stylesheet, or define in page
2. Create a Selector. Hit the + by Selector and create a new CSS Class name, for example .red (with the . in front to denote a Class)
3. Create the Properties. For color, click the white square with red line, this will bring up the Color Picker. Choose your color and hit Enter/Return
4. Now you can highlight the text you want to add that color to and in the Properties Window, choose the Class you created in Step 2 from the Class dropdown menu 

Remember, CSS Classes (.classname) are reusable throughout your site or page, CSS IDs (#idname) are only usable once per page and CSS Elements (a, div, body, etc) affect all copies of a given element throughout your site.

For more on CSS in general (DW expects you to know CSS to get the most out of the CSS Designer) run the tutorials here and make sure to get a good grasp on the basics: https://www.w3schools.com/css/ 

For more info on the clunky monstrosity that is the CSS Designer, you can go here: https://helpx.adobe.com/dreamweaver/using/css-designer.html but once you understand how CSS works, you're probably going to hand code it much more quickly than fumbling through all the panels and tabs of the Designer.

Nancy OShea
Community Expert
Community Expert
August 15, 2023

Color is a STYLE, not content.  Text and background-colors are expressed in the Cascading Stylesheet (CSS file) to which your HTML documents are linked. 

 

External Stylesheets:

 

If you don't use links to external CSS files, then color styles are embedded in your documents <head> tags like this. 

Inline styles are rarely if ever used.  The only exception would be HTML email.

 

 

Nancy O'Shea— Product User & Community Expert
Community Expert
August 14, 2023

Can we see the page and code?