• Resolved Reinar Svendsen

    (@rrsvendsen)


    I’d to change the green colors which seem to be standard in the sidebar, but I can’t find them in any of the stylesheets. In addition, will the general colors in general be built into the customiser at some point?

    Reference the WP codex I understand that e.g. the @import is no longer “best practice”. Will that be changed or can I just do as in the description?

Viewing 1 replies (of 1 total)
  • Theme Author Tim Nicholson

    (@timnicholson)

    Hi, I just released Flat Bootstrap v1.9 and updated its included child theme to load the parent’s stylesheet via PHP instead of using @import in the CSS. I’ve already worked this into the next update of Spot (and my other child themes). You can check that out if you want to add it to Spot now. The next version will have it.

    As to the colors, since this question comes up a lot, let me provide you some background information and general guidance and then specifically how to address what you are asking for.

    Here’s how they work (and this changed in v1.9 from the prior version you were looking at)… Theme-wide link and hover colors are now set right in the custom bootstrap.css that ships with my themes. It still is that same green color. Then my color palette overrides the font color, link, and hover colors depending on the background color used. Those are housed in theme-flat.css. The colors in the footer and after-footer (site credits and bottom nav) are set in each child theme’s CSS (style.css) if they differ from that of the parent, Flat Bootstrap (style.css).

    In general to get rid of the green link colors, simply set a link color and hover color using the normal CSS a and a:hover selectors. That won’t cause problems with the changed colors in our background color palette, so everything should look good.

    To just change the link and hover colors in the sidebar (I assume you mean the typical right sidebar as opposed to the other widget areas), you can do it like this. I’d use #secondary as that is the most outer class on that sidebar and is very specific, so won’t impact other things.

    #secondary a {
    color: #3498db; /* blue */
    }
    
    #secondary a:hover,
    a:focus {
    color: #34495e; /* midnight blue */
    }

Viewing 1 replies (of 1 total)
  • The topic ‘Colors and Codex’ is closed to new replies.