Archived topic
Cropping thumbnails on blog archive page
7 replies · Started by mkjj on November 22, 2021
I've recently switched a customer site to Generatepress. Unfortunately, not all featured images have the same aspect ratio. This doesn't look very good on the blog page:
https://dfme-achtsamkeit.de/achtsamkeits-blog/
I advised my customer to optimize the images, but she is not very keen to open and check 160 or so posts.
As far as I can see, there is no built-in crop function. What would you recommend?
Thank you!
Hi there,
in Customizer > Layout > Blog --> Featured Images >>> Archives. You can:
1. Select a smaller Media Attachment Size - if required.
2. Just set a Height Value that you want all images to be displayed at. And GP will add the necessary CSS to faux crop them
Wow, that was easy! Works perfectly! Thank you!
Glad to hear that!
For the sake of completeness and for other users: This setting will also change the image of the first (featured) post. To fix this, I added
.featured-column .post-image img {
height: auto;
}
Would you consider this ok or would you prefer a different solution?
I would consider that the best way of doing it :)
Great, thank you very much.
You're welcome