[Vince HParticipant]

Hi X,

I would like to hide a featured image from a single blog post. Could you please tell me the easiest way to achieve this?

I want to keep the featured images on all other blog posts.

Thanks,

Vinnie

[ChristianModerator]

Hey Vince,

You need to get the ID of the Post then prepend it to the .entry-featured class set to display none (see http://prntscr.com/3jcz19) like

.postid-1135 .entry-featured { display: none; }

Add the code in the Customizer > Custom > CSS.

Hope that helps. 🙂

[Vince HParticipant]

Thanks for this. I had previously tried it but it wasnt working. I moved the code above some other custom CSS I have and it not works.

Would be great if this was a feature of the site.

Vince

[RadModerator]

Great to hear that Vince! Yes, added on my list and we will make it more user friendly 🙂

[ignaciosantiagoParticipant]

And hide all the featured images from the blog?

[Vince HParticipant]

Hi Ignacios,

You will need to log your own case to get an answer.

[RadModerator]

Hi Ignacio,

Vince is right. But since it’s a simple question, then this css will do.

.blog .entry-featured { display: none; }

Cheers!

[spacedfishermanParticipant]

May I ask why the likes of this code will not work when inside child css

/*want to hide the blog post feature image [ can add image separately ]*/
.postid-8357 .entry-featured{
display: none
}

Works fine when I add the code in the Customizer > Custom > CSS.

When I update theme; is the code in Customizer > Custom > CSS retained?

[RupokMember]

Hello There,

If you want to use the code on CSS file, then try adding !important tag –

.postid-8357 .entry-featured{
   display: none!important;
}

If it’s still not work then your CSS might not loading properly. Let us know after checking it.

Thanks

[Chris StovallParticipant]

Can we just make a class for hiding blog post images and apply that class to the posts we want the image hidden?

This should be a setting in future versions of the software. A show or hide featured image button would be best.

[LelyModerator]

Hello Chris,

We certainly appreciate the feedback! Blog post option to hide featured image is something we can add to our list of feature requests. This way it can be taken into consideration for future development. All of these items are discussed with our team internally and prioritized based on the amount of interest a particular feature might receive. Thanks!

[Chris StovallParticipant]

What about this question?

Can we just make a class for hiding blog post images and apply that class to the posts we want the image hidden?

[Nabeel AModerator]

Hi Chris,

That can be done, just add the following CSS in your Customizer:

.hideFeaturedImage .entry-featured {
    display: none;
}

And whenever you want to hide any post’s featured image just add hideFeaturedImage class in Body CSS Class(es) field in Post editor under Posts Settings. This will hide it’s featured image.

Cheers!

[Chris StovallParticipant]

Awesome!

[RupokMember]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts