• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Sub-text not willing to change color

Community Beginner ,
Sep 14, 2022 Sep 14, 2022

Copy link to clipboard

Copied

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.

Views

68

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 14, 2022 Sep 14, 2022

Copy link to clipboard

Copied

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:

 

BenPleysier_0-1663216672580.png

 

This uses Bootstrap.

Wappler, the only real Dreamweaver alternative.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 15, 2022 Sep 15, 2022

Copy link to clipboard

Copied

LATEST
quote

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
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines