by Table of Contents
Editing your blog can be quite confusing especially if you’re a beginner. When I was starting out I remember, one particular issue that drove me crazy was removing featured images on top of my blog posts.
While it is highly recommended to put images in your blogs, I preferred the minimalist simplicity of my page and I didn’t want it to look cluttered. Besides, If I opted to upload pictures, I would’ve preferred to have it embedded in the body of the blog post than have it appear on top of my page. I was completely oblivious of image optimisation tools that time as well so every time I uploaded featured images, it slowed down my speed significantly.
Check if your theme allows you to remove featured images
Some themes allow for easy customisation of featured images. To CHECK if your theme allows you to remove featured images, go to Posts -> All Posts.
From there, choose the post you’d like to remove featured images from and Edit Post.
On the right side of your screen click on Settings -> Document.
From Document, scroll down to Featured Image. IF you can see the Disable Featured Image option that means your theme allows for you to HIDE featured images on top of your posts.
But I was using the BAM theme for WordPress and it DID NOT allow me to remove featured images on top of my posts.
Of course I still had to upload featured images because I wanted thumbnail picture of my posts to show up in my home page and category page. Like this:
And because I didn’t know how to edit CSS nor resize pictures that fit my screen, the featured image I uploaded ended up occupying 75% of my screen, which was awful to look at as seen from the picture below:
The featured image looked ridiculously big that a reader will have to scroll down just to read my content.
How to easily remove featured images on top of your blog post
1. By installing a Plugin
The “Conditionally display featured image on singular posts and pages” plugin for WordPress gives you the option to choose or hide a featured image to be shown in the singular view. It’s perfect if you want a thumbnail of the featured image to appear in your archives ,category page or home page but don’t want the picture to show on top of the posts itself.
What this plugin does is that it adds a checkbox under the featured image editor. You can opt to click on it and choose if you want the featured image to be shown on top of your blog post or not.
To install this plugin, go to your WordPress dashboard and scroll down to Plugins -> Add New.
Go to Search Plugins and type in “Conditionally display featured image on singular posts and pages” and click Enter.
Click Install Now and your plugin will automatically download.
After installing, to remove featured images go to Posts -> Add Posts then Click on the Blog post you want the featured image to be removed from.
On the right side of your screen click on Settings -> Document and scroll down to the Featured Image Panel. You’ll see the “Display featured image in post lists only, hide on singular views” option.
Click on it and Save. Your featured images are now removed from the top of your blog posts but it will still appear as a thumbnail in your home page and archives.
I am personally using this plugin and I haven’t experienced any issues with it. It’s easy to use, and it works great so far!
There’s another plugin called “Hide Featured Image” that does the same thing but I wouldn’t recommend it to my readers because it hasn’t been updated for two years now and there might be compatibility issues with the new WordPress updates. The plugin also received plenty of 1 star reviews which might suggest that it’s either buggy, no longer working, or it slows down their websites.
2. By adding a Custom CSS Code
Go to your WordPress dashboard – > Appearance -> Themes
From Themes -> click on Customize
Click on Additional CSS and type in this code:
.single-post .wp-post-image { display: none; }
Click on Publish and it will remove featured images on top of single blog posts.
