Hide pictures from blog

[Dominic]

Hi there,

I’m using WP Show Posts to display my latest blog articles on my homepage, see: https://dominicpratt.de/

Is it possible to hide the picture from the article on the homepage, without removing it from the article? Just to make clear, what I mean: I want to remove these pictures only from the homepage of my website:

[Tom]

Inside the WP Show Posts options you can uncheck the “Images” checkbox in the Images section.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Dominic]

Well… this would be to easy – it doesn’t work.

Yes, I cleared the autoptimize-cache.

[Tom]

That doesn’t look like the images section?

It might be inside your actual content, in which case you could do this:

.wp-show-posts-inner img {
    display: none;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Dominic]

Damn, sorry, wrong screenshot. Yes, the pictures are inside my content, so I had to add the CSS snippet.

Thank you so much! 🙂

[Tom]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Dominic]

Howdy Tom,

somehow that’s not working anymore on one of my blog articles: https://dominicpratt.de/

The other articles (e.g. Tutorial: Bloonix mit Let’s Encrypt-Zertifikaten) are shown correct without picture… strange!

[Dominic]

Huh, the problem seems to be the picture description. When I remove the description it’s correctly removed from the homepage… any idead how to solve this also? 🙂

[Tom]

This should do it:

.wp-show-posts-inner img,
.wp-show-posts-inner .wp-caption {
    display: none;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Dominic]

That works, thank you!

[Tom]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts