Hi support team,
I did a search and found ways to prevent the featured image from being displayed on blog posts, but I need to find a way to do it for only specific posts. For example, when I embed a youtube video into a blog post; I still want a featured image so that the thumbnail looks good in the blog roll, however I do not want the image to display inside the blog post itself. However, when I don’t have an embedded video in my other blog posts; I do want to have the featured image displayed. What can I do?
Thanks
Asad
Hey AsadIC!
If you want to change the style of a specific element on a certain page or post, you can use the Google Chrome Inspect Element. Look for the unique css body class.
On the example above, the page’s unique selector is .page-id-2251. We can use it to change the element within that page. In your case, you should be looking for post id. It looks something like this, “postid-1”. Use that to remove the featured image just for specific posts.
.postid-1 big-preview {
display: none;
}
Best regards,
Ismael
Hmmmm I tried this and it’s not working, is the CSS code supposed to be placed in the Quick CSS field in the Theme’s Styling section?
Here’s what I’ve added:
.postid-5712 big-preview {
display: none;
}
Hey!
Yes, you should add the code to Quick CSS in Enfold theme options under Styling tab. I have noticed there is dot missing in front of big-preview class. Try adding it, if that does not work, please try adding !important to force it as following
.postid-5712 .big-preview {
display: none!important;
}
Best regards,
Yigit