- This topic has 14 replies, 4 voices, and was last updated 7 years, 3 months ago by
Leo.
-
AuthorPosts
-
March 1, 2015 at 4:53 pm #81689
nick
I would like to hide the featured image on both the posts page and single-post page. I want to do this as a way of setting an image that appears only in recent posts thumbnails.
The disable elements feature seems to only hide it on the single-post page. How do I hide it completely (but only for specific posts)? I don’t mind if I have to use custom CSS for each instance, as this is not something I expect to use often.
(In this case, the post contains an embedded tweet with an image, which doesn’t get recognised for my thumbnails but looks just fine on posts page and single-post page. I’ve saved the image separately in my library and just want to be able to manually set it for the purpose of thumbnails—using featured image.)
Thanks
March 1, 2015 at 11:52 pm #81770Tom
Lead DeveloperLead DeveloperHi Nick,
Give this CSS a try:
.single .page-header-image-single { display: none; }
That should do it 🙂
March 2, 2015 at 5:26 pm #81990nick
It’s likely I’m missing something but that doesn’t seem to do it. Here’s my homepage: http://www.nixwords.com
The problem is the frog. I want the frog image to appear in the thumbnails on the right, but nowhere else. Do you see what I mean? (I’m still playing around with the layout so I’m willing to go in another direction if this isn’t possible.)
March 2, 2015 at 5:28 pm #81992Tom
Lead DeveloperLead DeveloperThe only place I’m seeing the frog is on the right in the widget? Where else are you seeing it?
March 2, 2015 at 5:34 pm #81994nick
And just to be clear, I basically want to be able to create thumbnails even when there’s no featured image visible to the reader. But I still want featured images to appear by default on regular posts.
One solution that works is to use excerpts on the blog page so that the embedded tweet thing doesn’t show or to somehow filter the thumbnail section to exclude these types of posts, but it would be great if I could have it all…
March 2, 2015 at 5:35 pm #81995nick
Oh, really? I see it twice on the blog post.
March 2, 2015 at 5:37 pm #81998Tom
Lead DeveloperLead DeveloperTry clearing your browser cache – it should be hidden.
March 2, 2015 at 5:47 pm #82003nick
I mean on the homepage, the blog page. The featured image shows above the embedded tweet.
I don’t want to turn off featured images on single posts—I can do that by disabling elements on a post-by-post basis, which is fine. I want to turn it off for the main blog page (sorry about my confusing use of terms) but still have it visible to widgets etc.
March 2, 2015 at 5:55 pm #82009Tom
Lead DeveloperLead DeveloperGotcha.. So you want to keep most post images on the blog, but this particular one is doubled by the twitter image.
Each post has a unique ID you can find by using Chrome’s Inspect Element or Firefox’s Firebug.
For this specific post, you can do this:
#post-351 .post-image { display: none; }
March 2, 2015 at 6:00 pm #82010nick
Brilliant, yes that’s exactly what I want. Thanks so much. (And I’m an Apple fanboy so I’m using the web inspector in Safari…)
March 2, 2015 at 6:02 pm #82011Tom
Lead DeveloperLead DeveloperYou’re welcome! 🙂
November 1, 2017 at 9:14 pm #414643pankaj
Hello tom,
As you specified it disable feature image in post…not pages…I have inserted that css…how to disable feature image on pages???
November 1, 2017 at 9:47 pm #414658Leo
StaffCustomer SupportHi there,
It would be:
.page .page-header-image-single { display: none; }
November 2, 2017 at 4:33 am #414818pankaj
ok thanks
November 2, 2017 at 8:43 am #415031Leo
StaffCustomer SupportNo problem.
-
AuthorPosts
- You must be logged in to reply to this topic.