Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #230408

    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

    #230489

    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

    #231156

    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;
    }

    #231388

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.