single-entry-header color problem after rebrand – Yoko theme

  • Unknown's avatar
    retailaccounting · Member ·

    Hi,

    We recently rebranded our company and have changed our corporate color scheme.

    However, the Post Title in the Single Entry version of the blog page is showing with the old green color (#00a0a0) still, not the new blue color.

    We have no relevant css in the “Edit CSS” option, but in the “view source” of the afflicted page I see the following css code, with the “!important” annotation.

    <style type="text/css">
    a { color: #00a0a0; }
    #content .single-entry-header h1.entry-title { color: #00a0a0 !important; }
    input#submit:hover { background-color: #00a0a0 !important; }
    #content .page-entry-header h1.entry-title { color: #00a0a0 !important; }
    .searchsubmit:hover { background-color: #00a0a0 !important; }
    </style>

    Any ideas where this is being set and where I can change it?

    Thanks!

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

  • Unknown's avatar
    thesacredpath · Member ·

    This is kind of a dueling match. You will have to override the “!important” attribute you are seeing with one of your own in the custom CSS. Add this to your custom CSS.

    #content .single-entry-header h1.entry-title {
color: #005997 !important;
}
  • Unknown's avatar
    retailaccounting · Member ·

    Thanks for the suggestion – yes I can do that.

    However it would be even better if I could find where the old color definition (#00a0a0) is being stored and change it to the new color code :)

  • Unknown's avatar
    thesacredpath · Member ·

    The color code is in a theme specific CSS file that you do not have access to, so the above is the only way to get to where you want to go.

    At WordPress.com, many of the changes you can make to the themes colors and such (background, etc.) end up stored in different, separate CSS files for that particular option. In theory all of those are loaded before the custom CSS file that you create, so your CSS should override the originals, but there are some cases where the options CSS ends up loading after your custom CSS.

    Also, at WordPress.com, you do not edit the original CSS. You create your own rules and declarations that override the original. Sometimes the only way to accomplish that is with the !important attribute, such as in this case.

  • The topic ‘single-entry-header color problem after rebrand – Yoko theme’ is closed to new replies.