Sometimes you don’t want to show featured image thumbnails in your WordPress blog’s home page, category pages and other list pages. There can be many reasons for not wanting them. Mostly it’s because the image thumbnails make it look a bit weird or even ugly sometimes.
Sometimes you just want a cleaner and simplistic look for your home and list pages. Most of the WordPress themes do not have the option to remove those image thumbnails automatically. They do offer the option to remove the featured images from posts altogether. But that’s not really an option is it?
Here’s what I mean by the featured image thumbnails:
The thumbnails marked in red are the one that we want to be removed from the blog’s home page and list pages.
Here’s how to remove the image thumbnails from your WordPress blog’s category and list pages:
- Right-click on the image thumbnail and select ‘Inspect’ in Google chrome browser.
- In the Chrome Developer Tools windows, under the Styles tab, look for the CSS classes of the thumbnail image. According to our blog’s CSS structure, the class is called .content-list .thumbnail-link img.
- Now we can simply hide those thumbnail images from displaying in out list pages by adding a custom CSS property to it. The property we need to add is display: none.
- To add this property without disturbing the main styles.css file of the blog, we can add it in the Appearance > Customize > Additional CSS section of the blog. This way the main styles.css will remain intact and you will achieve the desired results. Add the property like this:
And that is it! Once you click Publish you should be able to see your home page and other list pages without the annoying thumbnail images.
It’s that simple. If you every need to show those thumbnails back again, simply remove the CSS property from the Additional CSS panel and the images will be back.