Dynamik > Lable & Hook to Remove Featured Image

I'm trying to create a Label for Posts that will remove the Featured image from that Post.

I created a Label with Conditional and then created a Hook Box with that conditional hooked in the wp_head using CSS. But the CSS code only showed up in the head of the Post page.

I tried variations on the code and placement of the hook, but I couldn't get it to work. How can I get this work?

Here is a link to the post. http://upwork.kp-khalsa.com/how-to-make-traditional-yogi-tea/

You can see the featured image, which I don't want to have there. There will be other Posts like this, thus the creation of a Label.

@dub

I'm a little confused here. What do you mean that "the CSS code only showed up in the head of the Post page."? What post page? The one you linked to? What's the CSS code that you're using here? I just need a bit more clarification here. Thanks!

I'd like the featured image not to appear on specific Post pages by using Dynamik Label for that Post.

Here is an example post where I don't want the first image (which is the featured image) to appear on this page > http://upwork.kp-khalsa.com/how-to-make-traditional-yogi-tea/

I've tried various CSS code, but it hasn't made the image disappear. Please disregard my above comment about the CSS showing up in the header. Here is the CSS I've tried - not all at once 🙂

.attachment-post-thumbnail {
display:none;
}

.single .featured-thumbnail img {
display: none;
}

.single-post .blogimage {
display: none;
}

And here's a link to some screenshots > http://upwork.kp-khalsa.com/wp-content/uploads/2019/06/Custom-Label.jpg

Thanks for your help.

It looks like Dynamik is doing what it should be doing since your CSS code is in fact displaying the head of your post page. But your CSS is not using the correct element to hide the image. See the screenshot below to see the available classes used in that featured image, viewed through my Chrome browser Inspector tool:

wp-post-image-classes-inspector.png

I would try something like this instead for your CSS:

.attachment-post-image {
display: none;
}

That did the trick, thanks for your help!

Glad I could help. 🙂

Log in to reply