Removing the Featured Image at the top of single Post

Illdy
1

Hi thank you for this amazing theme. I would just like to know how can i remove the featured image from showing on my post page. I dont want to remove the featured image from my website entirely since i need it to show on the categories page and home page. but on the actual post it shows up in a big image right at the top and i want this removed…
I read in another post that you sugested the following:
/remove feature image from single post/
.single img.single-featured.wp-post-image {
display: none;
}
I tried this but its not working.
Could you please advise.
Thank you!

2

hey there

Hope you are having a good day and thank you for your question :slight_smile:
Please add this CSS in appearance - customize - additional CSS

/remove feature image from single post/
.single img.single-featured {
display: none;
}

Thanks!
Colorlib Support Team

3

Hi there
Thank you so much for the reply… I added this code but it didn’t do anything or at least not what i wanted. Ill add a image of what i want removed. Its the featured image that displays at the top of each post. It does this after I switched off the “Enable featured image as header image” since i don’t want the feature image to display in my header on the post either.

4

Hello there,

I hope you are doing well today.

Please try using this CSS:


/*Remove image from post*/
#blog .blog-post .blog-post-image {
    display: none;
}

Best Regards,
Support

5

Hi there
Thank you again for your replay. The code you supplied works exactly as i want it to work on the blog post itself but now it also takes away the image in the category listings page.

6

Hi there

Please come back with the urls of the pages displayed on the screenshots
also, please remove any css related to this question

7

Hi here is my Category page url

this is how i want it to look so its correct

here is a post page

the top big image is the feature image, and i want that removed

Thank you.

8

Hello there,

Please remove the previous CSS and try using this one:


/*Remove image from post*/
.blog #blog .blog-post .blog-post-image {
    display: none;
}

Let me know how it works.

Best Regards,
Support

9

Hi,
Thank you again for the reply.
Ive removed the previous css and added the one you gave me now but there is no change :frowning:

10

Good evening and sorry :slight_smile:

Please try this css, i believe it will work:

.single-post .blog-post .blog-post-image {
display: none;
}

11

Hi
Thank you so much!! It worked! I really appreciate the help. Great support you guys!
Keep up the good work :slight_smile:

12

thank you so much :slight_smile:

If you’re happy with our service, don’t forget to rate us: [Illdy] Reviews | WordPress.org