Hide featured image in the post, but keep it in the side widget

Add this rule:

.single-post .entry-featured {
    display: none;
}

Thank you, is there a way to do this for a specific post, and not all posts?

Yes. If you do a view source on the post and look for the body tag, you should see a class name that looks like postid-###, where ### will be some unique number which identifies the post. Then all you have to do is change the rule so it looks like this:

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

Don’t forget the period at the beginning of the post ID. If you have problems finding the class name, please post a link to the post and I can look it up for you.

Hi, thank you.I was able to find the postid-###. And it did work to remove the featured image from the post. But two things: I noticed that the thumbnail pictures also removed when on the specified post. Is there a way to fix that? Second, when on the Home page where there’s endless scrolling of posts, the featured image still shows. Is there any way to removed the featured picture from the post on the home page as well?

Here’s the link to the individual post: https://www.myfavoritehello.com/hello-inspiration/ (featured image is removed, but thumbnail pics on side widget are also gone but i’d like to show thumbnails)

Here’s the link to the homepage: https://www.myfavoritehello.com (featured image shows for the post, thumbnail pics are fine)

Oops, sorry. Change the rule to this instead:

.postid-528 #content .entry-featured,
.home #entry-528 .entry-featured {
    display: none;
}

This should take care of both problems.

Thank you. That worked for those two problems. I have one more issue now. In the post, for the section “You May ALso Like” the thumbnail isn’t showing, how do I fix that in the post when the featured image is hidden? Thank you.

Sample post: https://www.myfavoritehello.com/favorite-lace-dress/

Add this rule:

#content .entry-related .entry-featured {
    display: block;
}

You should only have to add this once.

Hi CrouchingBruin,

I’m having the same issue and added the following to my stylesheet:

/* Remove Thumbnail from Posts Rule
=================================== */
.single-post .entry-featured {
display: none;
}
#content .entry-related .entry-featured {
display: block;
}

But I’m still seeing the featured image pop up in my posts:
https://clossette.com/how-to-stop-wasting-food-and-money-with-a-fridge-triage-box/

What am I doing wrong?

Thanks in advance for your help.

Okay, nevermind. That actually worked for individual posts but I’m still seeing the extra thumbnail on the homepage.

https://clossette.com/page/2/

Any tips?

Thanks!

If you don’t want to see any of the featured images (i.e., thumbnails) on your blog page, change this rule:

.single-post .entry-featured {
display: none;
}

to this:

.single-post .entry-featured,
.blog .entry-featured {
display: none;
}

Thanks so much CrouchingBruin. That worked like a charm. But now it seems like I have lost thumbnails on the right sidebar “Other Posts” widgets. Any fixes there?

Oops, sorry. Make this slight change:

.single-post .entry-featured,
.blog #content .entry-featured {
display: none;
}

Ahh. That did the trick.

Thanks so much!

Okay one more thing:

I’m still seeing the double image issue on category pages:

https://clossette.com/category/outfit-idea/

Any help with that would be amazing.

Add one more selector to the rule:

.single-post .entry-featured,
.blog #content .entry-featured,
.archive #content .entry-featured {
display: none;
}

I don’t know if this is also showing up on your browser, but when I look at your site on both Chrome & Firefox, there are two entries from your mobile menu (About & Shop), which are overlaying your regular menu.