Skip to main content
M
muhammad_2013331
Participating Frequently
December 12, 2017
Answered

How to change the color of a single alphabet in heading?

  • December 12, 2017
  • 3 replies
  • 546 views

How can i change the color of a single alphabet..not full word in Adobe Dreamweaver 2018?

This topic has been closed for replies.
Correct answer Nancy OShea

Use span tags to style inline elements.

<h2>My mother has <span style="color:blue">blue</span> eyes.</h2>

3 replies

B i r n o u
B i r n o u
Legend
December 12, 2017

is there is any pattern in what you try to achieve.. ex... first letter of each word, or one letter about two... or each letter based on prime number order, or whatever gold number resolution ala fibonacci suit ?

Nancy OShea
Community Expert
Nancy OSheaCommunity ExpertCorrect answer
Community Expert
December 12, 2017

Use span tags to style inline elements.

<h2>My mother has <span style="color:blue">blue</span> eyes.</h2>

Nancy O'Shea— Product User & Community Expert
    O
    osgood_
    Legend
    December 12, 2017

    https://forums.adobe.com/people/Nancy+OShea  wrote

    Use span tags to style inline elements.

    <h2>My mother has <span style="color:blue">blue</span> eyes.</h2>

    What's that editor you are copy and pasting from, its not DW is it?

    It looks basic and I might be intersted in investigating if its Mac compatible?

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    December 12, 2017

    It's not an editor.  It's copied from the W3School's code example.

    Nancy O'Shea— Product User & Community Expert
    BenPleysier
    Community Expert
    BenPleysierCommunity Expert
    Community Expert
    December 12, 2017

    Copy an paste the following into a new document and view in your favourite browser

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <style>
    body {
    width: 800px;
    margin: auto;
    }
    span.blue {
    color: blue;
    }
    </style>
    </head>
    <body>
    <h1><span class="blue">M</span>y <span class="blue">H</span>eading</h1>
    </body>
    </html>
    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices