This guide, we will show you 4 methods to hide the featured image in a post on WordPress. These 4 methods will hide featured images for all posts, not a single post.
Please take note that featured image will only show in post custom post type ( blog post ) and page custom post type ( pages ), both.
Table of Contents
Hide featured image with plugin
You are only a few clicks away.
- Login into your WordPress dashboard, click on add new
- Type hide featured image in the search box
- Choose the plugin and click activate.
Hide featured image on all single page/post do not required additional action from you. No setting page. This plugin will automatically hide all featured images.
Hide featured image using theme option page
Some premium themes such as divi allow us to hide featured images with a single click. Just go to theme options > layout > single post layout to enable “Place Thumbs on Posts”
We did try many premium WordPress themes before. Some really good theme such as betheme do not allow us to hide featured images for all blog posts but allow us to hide featured image of our chosen posts.
Free WordPress themes usually do not have this functions. Some free themes do not even have theme option page.
If you ask for our recommendation, we will vote for GeneratePress. This is the fastest theme we have try. Our official website is using this awesome them and we managed to get PageSpeed Insights mobile score 99 and PageSpeed Insights desktop score 100. Full score is 100.
GeneratePress is also a seo-friendly theme. Please refer to our previous guide for more.
Hide featured image using theme customizer
Go to appearance > customize, then search for layout or blog. Then search for featured image.
Each theme author coded their theme in an unique way. Some theme, you may find the featured image setting with just a single click work but some themes, you may have to explore.
Hide featured image using custom css
This method is not for beginner because you have to search for the div name and use a few line of code. The below code may work for general WordPress
.entry-content img {
display: none;
}
.post-image {
display: none;
}
.featured-image{
display:none;
}
.single img {
display: none;
}
.wp-post-image {
display: none;
}
.single .featured-image {
display: none;
}
Go to appearance > customize > then search for additional CSS section. Paste the custom css here and the effect will immediately show on your left hand screen.
If all of the above not working, no worry, we will guide you how to find the div name now with google chrome.
- Mouse over to the featured image and right click
- Then click inspect and you will immediately see the div name
Conclusion:
Blogger usually hide featured image because they don’t want to show the same featured image in category page and single blog post. They want to use 2 images, one for category page and another one for blog post.
We don’t recommend use too many plugins. Less plugin is better for your WordPress website overall performance. If you are new in blogging or new to WordPress, hide featured image with plugin is the best option for you but if you are willing to spend some time learning the basic custom CSS, we recommend you hide featured image without plugin.
Alternative, buy a premium theme such as betheme or the paid version of GeneratePress
GeneratePress allow you to turn on featured image for all blog posts, all pages for you can choose which page, which post to have featured images. Very user friendly. Just one click work.
FAQ
-
How to hide featured image in wordpress on a single post
Some premium theme such as betheme allow us to hide featured images per post basis with a single click. If your theme do not have this function, you can use the above custom css to hide it. You may also hide featured image using post id.
-
How to hide featured image in wordpress post on some specific post categories
The div name is depend on the theme you are using. So we can’t give an accurate answer here. You have to find the div name of the theme first, then use the below
.category-categoryname.single .your-theme-div { display: none; }
Replace categoryname with your category name and your-theme-div with the div name you have found.
-
How to hide featured image in blog category pages but still show on homepage
You can use .page:not(.home)