Author: dan

Make Feature Images on Posts Link to the Image Itself

In the Extra Theme, featured images displayed on posts link back to the post itself. If you would instead like the featured images on posts to link to the image itself (i.e. the full / source image), you can do so with the following jQuery code: <script> jQuery(function($){ $('body.single-post a.featured-image').each(function(){ $(this).attr('href', $(this).find('img').attr('src')); }); }); </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

Remove the Word “Category” From Archive Pages

BEFORE AFTER A common question I get about the Extra Theme is how can the word “Category” be removed from category page title. This can be done using the following PHP code: function remove_category_text_from_archive_title($title) { return is_category()?single_cat_title('', false):$title; } add_filter('get_the_archive_title', 'remove_category_text_from_archive_title'); This code can be added to the end of the functions.php file. Note that it is highly advisable to add it to the functions.php file of a child theme, rather than the Extra Theme itself, to avoid it being overwritten when Extra is updated. Please also note that changes to PHP files can cause your site to break...

Read More

How to Rebrand the Extra Theme

Rebranding (or white labeling) the Extra Theme is a great way to tailor your web development offerings to your client and simplify their WordPress dashboard. It allows you to rename the Extra theme to something more recognizable to your client (such as your own company name, or that of your client). White labeling a theme like Extra comes with a lot of technical challenges, which in the past has put it out of the reach of most web developers. Fortunately, there is now a way to rebrand Extra via a simple, easy to use plugin: Divi Ghoster. Rebranding Extra...

Read More

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

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.