Sub-text not willing to change color

Report · Sep 14, 2022

First off, I'm not a DW expert; or even really good with it. I know enough to build basic web pages and that's about it. Worse, I'm a novice when it comes to using CSS styles, which I loathe. (Please don't ask me why I loathe it and why it's so fantastic, please). In any event, I created a heading for this page I'm working on with large font, and modified the text color from brown to white. I didn't want the body of the text on the page to go from edge to edge, so I inserted a table, made it 95% width, and copied/pasted in the text body. The next step was to change it also from brown to white, but no matter how I manipulate CSS (which DW demands I learn), it will not change from brown. I've tried to remove CSS styles to creating a new style to modifying a style, all to no avail. No doubt the solution is something absurdly simple - but only if you know the answer. It's so maddening to simply not be able to change text color since just highlighting it and clicking the color palate isn't an option in DW CS6. I may need to switch to a simpler, stupider webpage building program. I have no desire to spend time researching how to make CSS work when I'm building super-simple web pages.

Report · Sep 14, 2022

I don't understand the question. Why is the text brown in the first place when the default is black. Why are you using a table? Do you have tabular data to display?

Copy and paste the following code into a new Dreamweaver document and see the result - no CSS

<!doctype html>
<html>

<head>
    <script src="dmxAppConnect/dmxAppConnect.js"></script>
    <meta charset="UTF-8">
    <title>Untitled Document</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" />
</head>

<body class="bg-dark text-light">
    <div class="container mt-5">
        <div class="row">
            <div class="col">
                <h1>Fancy display heading</h1>
                <p>Lorem ipsum dolor sit amet consectetur adipiscing elit, urna consequat felis vehicula class ultricies mollis dictumst, aenean non a in donec nulla. Phasellus ante pellentesque erat cum risus consequat imperdiet aliquam, integer placerat et turpis mi eros nec lobortis taciti, vehicula nisl litora tellus ligula porttitor metus.
                <p>Vivamus integer non suscipit taciti mus etiam at primis tempor sagittis sit, euismod libero facilisi aptent elementum felis blandit cursus gravida sociis erat ante, eleifend lectus nullam dapibus netus feugiat curae curabitur est ad. Massa curae fringilla porttitor quam sollicitudin iaculis aptent leo ligula euismod dictumst, orci penatibus mauris eros etiam praesent erat volutpat posuere hac. Metus fringilla nec ullamcorper odio aliquam lacinia conubia mauris tempor, etiam ultricies proin quisque lectus sociis id tristique, integer phasellus taciti pretium adipiscing tortor sagittis ligula.&nbsp;</p>
                </p>
            </div>
        </div>
    </div>

</body>

</html>

The outcome:

This uses Bootstrap.

Wappler, the only real Dreamweaver alternative.

Report · Sep 15, 2022

It's so maddening to simply not be able to change text color since just highlighting it and clicking the color palate isn't an option in DW CS6. I may need to switch to a simpler, stupider webpage building program. I have no desire to spend time researching how to make CSS work when I'm building super-simple web pages.

By @Getoutandstayout

Nice screenname. Your workflow is fine for word processing but not web authoring. I think you'd be happier with MS Word instead of a code editor.

CS6 is obsolete software from 2012. It's discontinued & unsupported. I won't bore you with reasons why you shouldn't be using obsolete web software in 2022 or why learning code is important as I don't think you care.

To your question, below are simple inline solutions that may work.

<p style="color:white">This text is white. <span style="color:brown">This text is brown.</span> This text is white.</p>

<p style="color: brown">This text is brown. <span style="color: white">This text is white.</span> This text is brown.</p>

Nancy O'Shea— Product User, Community Expert & Moderator