Can't override theme page title color

  • Unknown's avatar
    jpickerell429 · Member ·

    I am trying to override our site’s title color. I’ve gone to Themes > Customize > CSS and the two below different ways to try to change my site’s page title color, but the theme CSS always takes precedence and never applies the customization.

    h1#site-title a {color: #00AEEF;}
    OR
    #site-title a, #site-description {color: #00AEEF;}
    Do not work.

    When I use IE’s F12 developer mode and the “Select Element” option to view the applied styles for the header, I can see my custom CSS, but not applied, as it shows with a line through it. I can find what I am assuming is pulling from the theme of (#Site-title a, #site-description {color: #1210ad !important;}) and unselect it and then also the (#masthead #site-title a, #masthead #site-description {color: #f98f8f;}) formats and then my custom styles (either of the above that I listed) will apply and change the color.

    UPDATE
    As I was typing this out, I wondered what the “!Important” at the end of the embedded CSS color formatting did, so I tried adding it to my custom CSS. And VIOLA, IT WORKED!!!!

    I’m adding this in case someone else has trouble overriding a theme CSS. Try adding “!important” to the code.

    h1#site-title a {color: #00AEEF !important;}
    OR
    #site-title a, #site-description {color: #00AEEF !important;}
    DO WORK!

    The blog I need help with is: (visible only to logged in users)

  • The topic ‘Can't override theme page title color’ is closed to new replies.