How to change Header text Color

  • Resolved jinxslave

    (@jinxslave)


    9 years, 6 months ago

    Hi All,
    I want to change header text color but it is taking default color from wordpress admin -> appearance -> Header.

    Is it possible to change header color from theme style.css

    #blog-title {
    font-family:Arial,sans-serif;
    font-size:34px;
    font-weight:bold;
    line-height:40px;
    color:#fff;
}
#blog-title a {
    color:#fff;
    text-decoration:none;
}
#blog-title a:active,
#blog-title a:hover {
    color: #FF4B33;
}
#blog-description {
    color:#fff;
    font-size:13px;
    font-style:italic;
}

    I want to change blog title color from black to white but its not working.
    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)

  • Is there a reason you can’t set the color from “wordpress admin -> appearance -> Header”? What theme are you using? Can you post a link to your site?

    Thread Starter jinxslave

    (@jinxslave)

    I am able to set color from “wordpress admin -> appearance -> Header”. But I want to know is it possible to change header text color from theme’s style.css.I am testing in local.

    What theme are you using? What’s probably happening is that setting the header text color from “wordpress admin -> appearance -> Header” writes some custom CSS directly to the <head> section, after the code that loads your stylesheet. Since those custom styles are defined last, those styles “win”. You could use !important to make sure the colors from your stylesheet are used:

    #blog-title {
    font-family:Arial,sans-serif;
    font-size:34px;
    font-weight:bold;
    line-height:40px;
    color:#fff !important;
}
#blog-title a {
    color:#fff !important;
    text-decoration:none;
}
#blog-title a:active,
#blog-title a:hover {
    color: #FF4B33 !important;
}
#blog-description {
    color:#fff !important;
    font-size:13px;
    font-style:italic;
}
    Thread Starter jinxslave

    (@jinxslave)

    Thanks The issue is now solved.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to change Header text Color’ is closed to new replies.