Author: dan

Adding a Sidebar Dividing Line

Here’s a quick tip for adding a dividing line between the Extra Theme sidebar and it’s content. To do so, you can simply add the following CSS in the custom CSS box (Extra > Theme Options > General Settings > Custom CSS): @media only screen and (min-width: 1025px) { div.et_pb_extra_column_sidebar { border-left: 1px solid #ccc !important; } } NB: Just change #ccc to the HTML color code of your...

Read More

Hiding the Featured Image on Extra Posts

Here’s a quick tip for hiding the featured image on a post within the Extra Theme. There is a built-in option for it, but it can be easy to miss. When editing a post, you’ll should have the following box in the sidebar of your post editor screen: Simply tick the “Hide Featured Image on Post” box (highlighted in orange above) and when you save / view the post, the featured image will be removed from the post page itself. Note that, if your post has a featured image selected, the image will still be displayed on the homepage, category pages, etc, when the post is listed there. Please see this post if you’d like to easily hide the featured image on all...

Read More

Changing the WooCommerce Cart Item Count Text

BEFORE AFTER If you setup a WooCommerce store on the Extra Theme, then Extra’s header will display a count of the items in the user’s cart. The text for this will be of the form “2 Items”, with a corresponding “2 Items in Cart” tooltip. If you’d like to change this text, e.g. to translate it into another language, you can use the following PHP code: add_filter('ngettext', 'change_woocommerce_item_text', 20, 5); function change_woocommerce_item_text($translation, $single, $plural, $number, $domain ) { if ($domain == 'extra') { if ($translation == '%d Item') { return '%d Article'; } if ($translation == '%d Items') {...

Read More

Center the Extra Theme Footer Links

To center the Extra Theme footer links (a.k.a. the copyright notice), you can use the following CSS: #footer-info { width: 100%; margin:0 auto; text-align: center !important; } @media only screen and (min-width: 769px) { #footer-nav { margin-top:-26px !important; } } It applies a standard centering of the footer links, and on wide screens also moves the footer links up slightly to compensate for the presence of the social media icons which would otherwise push it...

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.