Author: dan

Remove the “Share” Text on Posts

Posts in the Extra Theme are followed by a “sharing” section which lets users easily share your posts to the main social networks. As you see from the image above, these icons are preceded by the text “Share:”. If you’d like to remove this text (but leave the icons themselves), you can use the following CSS: .share-title { display: none !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...

Read More

Hiding the Featured Image on All Posts

If you’d like to hide the featured images on all posts in the Extra Theme, so that they show up only on the homepage, etc, you can do so with the following CSS: .single .post-thumbnail.header { display: none; } 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 there. Please see this post if you only want to hide the featured images on particular...

Read More

How to Add the Author Image to the Bio Box

The Extra Theme lets you easily add an author biography box to the end of your posts. When enabled, the box will show a description of the post author along with, in some cases, an image of the author. But what if the author bio image isn’t showing? It’s not necessarily obvious how to get it to show up. The author image is actually based on the Gravatar service. Basically WordPress uses the author’s email (as given in the author’s user profile) to look up the profile picture of the author, as stored by Gravatar. If you don’t have...

Read More

Hiding the Category Title

One of the Extra Theme’s features is the ability to use the Divi Builder to layout category pages. However, you’ll find if you try to edit the layout that there is no way to remove the “CATEGORY: NAME” heading. Fortunately, this can easily be removed by adding the following CSS to Extra (e.g. in Extra > Theme Options > General Settings > Custom CSS): body.category .et_pb_extra_column_main > h1:first-child { display: none;...

Read More

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

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.