The Extra Theme’s “Blog Feed Standard” module is styled with a top border bar. The color of this bar is determined by the color of the category of posts being shown, or in the case of the “all” category a default color is used (#00a8ff). If you want to override the color used, here’s a couple of ways to do it.
Changing the Blog Feed Standard accent color via the module options
To change the accent color on a single blog feed standard module, you can use the custom CSS option within the module settings. In the module settings, go to the Advanced (formerly Custom CSS) tab and enter the following in the “Main Element” box:
border-color: red !important;This will change the bar to red, and will work whatever categories are selected for display.
Changing the Blog Feed Standard Accent Color via CSS
Another way to change the accent color is using CSS. The following CSS snippet will change the accent color for all instances of the module:
.posts-blog-feed-module { border-color: red !important; }To add the CSS code to Extra, paste it into Extra's custom CSS box, which you can find from your WordPress admin menu at "Extra > Theme Options > General > Custom CSS". Paste it after any other code already in there. Alternatively, you can place it in the style.css file of your child theme (if using).
Again, thank you… I am trying to make mine a certain shade of blue.. is that possible using hex code in this CSS somehow?
Hey Paul, absolutely. Just replace “red” with your hex code in either of the above, like so:
(NB: I took that hex code from the widget titles on your linked site, on the off chance that’s the color you are planning on using)
Dan – you are a complete star!
I have wasted countless hours trying to get rid of the annoying top border bar and the word ‘category’. I stumbled on your site and have now fixed both in the time it takes to cut and paste css.
Thank you, thank you -thank you!
You’re very welcome, Mary! Let me know if there’s ever anything else I can help with.