How to Hide Featured Image in WordPress Post

Not sure how to hide the featured image in a specific WordPress post? Recently, one of my friends asked me the same question. He wanted to remove the featured image from the specific WordPress post, but not able to do so. And if you’re suffering from the same issue, then here I’m with another post related to hiding featured images on a specific WordPress post.

There are some scenarios when you don’t want to remove the featured image from the post editor in WordPress but just wanted to hide it. And if this is the issue with you, then you can use this easy-to-use guide and temporarily hide the featured image from a specific wordpress post.

But before hiding the featured image, here are a few things that you need to know;

I highly recommend you not to remove the featured image URL and just hide it using some plugins – It is because a featured image is a thumbnail that is added to every blog post, and it is used in various aspects to show the preview of your website when it is shared on the social media channels including Facebook, Twitter, etc.

So it’s better just to hide the featured image on a specific post and not to remove it completely from those pages.

How to Hide Featured Image in WordPress?

There are a few ways in which you can hide the featured image in your WordPress website. You can use a WordPress plugin, add custom CSS to specific pages, or some themes come with pre-built options to hide the featured image.

You can use any of these methods which are convenient for you – but I recommend you to first check if your theme has any pre-built option for this.

For example,

There is a theme named Astra, which is available in the WordPress repository, It is one of the best and most popular themes with a pre-built option to hide featured images on specific WordPress posts.

option to hide featured image in astra theme
Option to hide the featured image in the Astra theme

If you’re using this theme on your website, then the steps are too simple for hiding the featured image from a specific post. You just have to log in to your admin console > click on “edit post” > find the “Astra Settings” option > check on “Disable Featured Image” as shown in the image above.

Get Astra Theme

If you’re having trouble removing the featured image from your website or from the post, then do let us know at [email protected]. Our team will help in removing or hide the featured image from your post for a small fee. 🙂

Nevertheless, I recommend trying the methods I shared below because, most of the time, it works well for every website. But if it’s not, then let us know.

Top

Hide Featured Image Using WordPress Plugin

If your theme doesn’t come with a pre-built feature to hide the featured image from a specific blog post, then you can use some free plugins to hide or remove the featured image from the WordPress post. These free plugins can include;

You can use these plugins to remove or hide the featured image in WordPress easily. You just have to install the plugin, and then open the post you want to hide the featured image of, and then tick on the “Hide Featured Image” option.

It will hide the featured image on your WordPress website.

If you’re still unsure how to do it, I’m sharing the step-by-step guide using the “Conditionally display featured image on singular posts and pages” plugin.

First of all, search for the plugin in your WordPress repository or click here to download the plugin. Once you find the plugin, click on the “Install Now” button and then “Activate“.

search for the plugin in wordpress repository
Search for the Plugin in WordPress Repository

It will install and activate the plugin for you.

Once the plugin is activated, open the post in “Editor Mode” or the “Gutenberg Mode” (whichever you like) and then scroll down to the “Featured Image” section.

hide featured image using plugin
Hide Featured Image Using Plugin

After the featured image, you’ll get another option to hide the featured image on all singular pages (as shown in the image above). You may now need to tick on the option and then update your post. It will do everything for you.

Top

Hide Featured Image Using Custom CSS

If none of the above methods works for you, then you can try hiding the featured image using custom CSS. I don’t usually recommend this option to you unless you’re well aware of HTML and CSS, especially when you’re not even aware of how WordPress works.

The only thing I dislike about this method is that it takes a lot more time to find the element using the “Inspect” method in your browser and then writing custom codes every time for hiding the featured image and saving the settings in “Additional CSS” options in customization options.

If you have got a limited number of posts on which you want to hide featured image, then you can give it a try;

Step-by-step process to find a featured image and hide it…

The first thing you’ve to do is open the post on which you want to hide the featured image. For example, I’m using the GeneratePress theme on my website and wanted to hide the featured image of a post named “Image SEO.”

So I’ll first open the post in my browser (I prefer Chrome for this) and right-click on the featured image and then click on the “Inspect” option.

hiding featured image using custom css
Hiding Featured Image Using Custom CSS

Once you click on the “Inspect” option, a dialogue box will open with the “HTML entities” of the website. Here you’ll see the featured image class named “featured-image page-header-image-single” and the unique ID of the post “post-785“.

Now, we have to write custom CSS code using these variables. So for this, we write the code which I shared below and save it in the “Additional CSS” option which you can easily find inside the customizer.

Here is the code;

#post-785 .featured-image{ display:none; }

This code will help in hiding the featured image of a specific WordPress blog post. You can use this code nth time to remove the featured image of posts that you want.

successfully hide the featured image in wordpress
Successfully Hide the Featured Image in WordPress

And,

If you want to hide the featured image of all posts, then you can simply use this CSS code depending upon the class name (as shown below) and save it in “Additional CSS.” The code is as follows;

.featured-image{ display:none; }

If you’re not able to do it manually, then just reach us at [email protected], and our team will do it for you (yes, for a small fee).

Top

How Can I Use Multiple Featured Images in WordPress

Yes, you can use multiple featured images in WordPress easily – but for this, we need another plugin named “Dynamic Featured Image“.

dynamic featured image plugin
Dynamic Featured Image Plugin

This plugin will help you in adding dynamically featured images on posts, pages, and custom post types. You just have to set the number of images you want to show as a featured image from their easy-to-use interface without writing a single line of code.

The only issue with using this plugin is, it hasn’t been tested with the latest 3 major releases of WordPress. So you may also get a compatibility issue with using this plugin.

Top

Frequently Asked Questions (FAQs)

What are the Available Methods to Hide Featured Image in WordPress?

Depends on the need and types, you’ll get 3 methods to hide featured image in specific WordPress posts. These methods are;

  • Hide Featured Image Using Theme Option,
  • Hide Featured Image Using Custom CSS,
  • Hide Featured Image Using Plugin

Can We Add More than One Featured Image in WordPress?

Yes, you can easily do so. For this, you’ve to install a plugin named “Dynamic Featured Image” from the WordPress repository. Once the plugin is installed, just select the number of featured images you want on your website and it’s done.

Wrapping Up

In this guide, I tried my best to explain various ways to hide the featured image without removing it. If you want, you can also remove the featured image – but again, I’ll not recommend you remove the image because it is used by various meta tags.

Even sometimes removing the featured image can be hard, especially when you’re using some new WordPress theme with no proper guidelines or when you are not aware of the basic HTML codes. And if you’re using a theme or page builders like Divi, then it’s relatively easy for you!

So, in this case, I highly recommend you hire some experts from Fiverr. If you want, you can also reach us at [email protected] with your WordPress credentials, and our team will remove it for you (yes, for a small fee).

I hope you liked this article, and if you do, don’t forget to share it with your friends and family. 🙂

Sunny Kumar

Number of posts: 159

Hi, I'm Sunny Kumar, a passionate tech enthusiast and a blogger from New Delhi, India. With a degree in IT from IIT-D and expertise in SEO, Cloud Computing, Telecom & Networking, and CEH, I specialize in various technical fields, including SEO, WordPress Development, and PC Building. And being a proficient WordPress user, I’m dedicated to delivering quality content and a remarkable user experience.

Leave a Comment