BEFORE
AFTER
The Extra Theme’s posts modules (i.e. the modules which produce the popular, top rated and latest post lists on the homepage) include the ability to display the featured image for the listed posts. While this will be ideal for some sites, on a site like mine where most of the posts are going to be about modifications to the theme itself, the main featured image can be easily mistaken for actual content. See, for example, the “before” shot above – the featured image on latest posts box is actually a screenshot of a posts module, which makes for a confusing mess. Here’s how to hide just the main featured image.
- In the “Edit Layout” screen for the homepage (or wherever your module is), locate the posts module in question.
- Then click on the menu icon (three horizontal lines on the module box). This brings up the settings screen for the posts module.
- Scroll down to the end of the “General Settings” tab. Here you’ll see a place to enter the “CSS Class”. Enter this as “posts-module-no-main-img” (with no quotes).
- Click “Save & Exit”.
- Update / Save your layout.
- Now go to the ePanel, which you’ll find from the WordPress dashboard by going to “Extra > Theme Options > General Settings”.
- In the “Custom CSS” box near the end of the General Settings tab, enter the following CSS and click save:
/* Hide main post feature image on posts modules */
.posts-module-no-main-img div.header { display:none; }
.posts-module-no-main-img div.main-post { padding-top: 1em !important; }
Now if you refresh the page on your site with the posts module, you should see that the first featured image has been hidden. You can see the intended effect in the “after” shot above.
Hi Dan
Thanks for posting this.
I am trying to take out the “share and rating” section totally. When I disable the share buttons it still leaves the word “share” there etc etc. Basically from the end of the post, I want to take out everything and be left with only the related posts, without the words Related Posts.
Just trying to get a simple and clean look to the site.
Wondering if you could help?
Many thanks
http://www.goodadvice.com
Hi Ali, I think the following CSS will do what you need:
.post-footer, .post-nav, .related-posts-header h3 { display: none !important; }It removes the post footer (the “share and rating” section), the post nav (next and previous posts), and the related posts title.
If you’re getting rid of user ratings, you may be interested in this tip – it will get rid of the ratings everywhere (e.g. in post listings, etc):
https://extrabooster.com/disable-star-ratings-in-the-extra-theme/
Hi,
i am trying to do almost the same as Ali.
But i want just to get rid of the word “share” on the post page. ( I disabled all the icons but the word “share” is still there)
Everything else should be left like it is, no changes.
I had a look at the code above for Ali, but in my case it doesn´t help because it deletes some elements i want on the post page.
I also noticed that when i paste the code from above, the post page is now clean, as Ali wanted, but when i look at the front homepage, all my blog post titles are gone. I think because they are h3 too?
Anyway, if you have an idea how to get rid of the “share” word please let me know.
Thank you very much!
Hi Coke,
I’ve just published a tip for removing just the word “Share”:
https://extrabooster.com/remove-the-share-text-on-posts/
I think that should do what you need.
I’m not sure why the titles disappeared from the homepage… the code I shared for Ali applies only to h3 elements in the related posts header (as the selector is “.related-posts-header h3”)… very odd. Let me know if you are still having trouble with the post titles after trying out the new code (and removing the old code).
Hi dan,
wow fast and perfect answer!
Works for me, exactly what i needed.
Thank you very much!
I think it’s great that you shared how to get rid of the featured images on the main page, but I’m really looking to get rid of it on the actual post page. I’ve tried all sorts of css stuff and can’t seem to hit the right mark. Have any suggestions?
Hi Jayme, the following post explains how to hide the featured image on posts (the post itself, rather than the main page). Hope it helps.
https://extrabooster.com/hiding-the-featured-image-on-extra-posts/