Author: dan

Change the Blog Feed Standard Module’s Accent Color Bar

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 Settings > General > Custom CSS". Paste it after any other code already in...

Read More

Changing the Color of Widget Titles

If you want to change the text color of the Extra Theme’s widget titles, you easily do so with the following CSS: /* Change widget title text color */ .et_pb_extra_column_sidebar .et_pb_widget .widgettitle { color: black; } You can add this to the theme by pasting it into the “Custom CSS” box found in the ePanel at “Extra > Theme Options > General Settings” (at the very...

Read More

Changing the Category Accent Color

BEFORE AFTER The Extra Theme has feature for assigning different categories a different “accent” color that is used in various places when posts of a particular category are shown. For example, it will show up in the color of the top bar in post modules, and in the star rating colors on the posts themselves. One thing that isn’t entirely obvious is where exactly these colors can be changed. To change the color for a particular category, go to “Posts > Categories” from your WordPress dashboard. Hover over then category you want to change the color for, and click...

Read More

Enabling the Standard Divi Modules on Extra Categories

One of the best features of the Extra Theme, and one that even Divi doesn’t have, is the ability to use the Divi Builder on category pages. This allows you to turn your category pages from plain lists of posts into attractive, useful and high-converting pages. However, when you try to edit a category using the Divi Builder, you’ll notice that something is missing – most of the modules normally available to you in Divi! There’s no sliders, there’s no accordions, there’s no email optin forms, and so on… This makes creating your perfect category page difficult. Fortunately there...

Read More

Changing the Footer Credits in Extra

One thing the Extra Theme is missing is an easy way to customize the links in the footer (i.e. the “credits” or “copyright” links). Here are a couple of options for modifying the links. Modifying the footer links using JavaScript If you’re comfortable working with JavaScript code, then you can easily change the links with something like this: <script> jQuery(function($){ $('#footer-info').html('&copy; 2017 <a href="https://extrabooster.com">Extra Booster</a>'); }); </script> You can add this to the theme by pasting it into "Extra > Theme Options > Integration > Add code to the head of your blog", after anything else that is in...

Read More

About Extra Booster

Extra Booster is a site about the Extra Theme by Elegant Themes. It is a collection of my tips for making the most out of the theme.

Get Extra!

Affiliate Disclosure

The site is partially supported by affiliate links, which may earn me a small commission if you click on them. There is no cost to you and I only link to products I use myself.