Archived topic
Featured images in mobile became square
5 replies · Started by Oscar on April 24, 2020
Hello. With the latest GP Premium 1.10.0 update all the mobile images have been converted to square and I need to keep the ratio 550px / 368px (landscape view) because all my design has been broken.
How can I make images on mobiel retain the landscape and non-square aspect ratio?
Look at the image ... this is the what I need to resolve: https://documentacion.eu/varios/resize.jpg (documentacion.eu is not the side I have the problem with)
Thank you!
Hi there,
Did you resolve the issue? It looks ok to me?
If not - can you go to Customizer > Layout > Blog --> Featured Images and check the width and height settings.
No, not working. I tried Customizer > Layout > Blog –> Featured Images (550 x 368), and it only works in new posts (created after), but I have 2.000 posts with the featured image square in mobile (a week ago it was landscape), as seen in this example https://documentacion.eu/varios/resize.jpg
Hi there,
What page can we see that specific image on?
Let me know :)
See it on mobile https://loentiendo.com/ingreso-minimo-vital/
I have verified that the error is with the latest update to GP Premium 1.10.0 . Old versions are still showing the featured images right, with landscape view, not square.
With the new version, new posts are resizing right the featured images (landscape), but I have 2.000 old post with old images that are showing square .. what can I do with them?
Hi there,
Give this a shot:
.featured-image img {
height: auto;
object-fit: unset;
}
For better performance, you can:
a) Remove the width/height values from Customize > Layout > Blog > Featured Images, as you've uploaded an image that's exactly that size anyways.
b) Create a new image size, and select it using the Media Attachment Size option: https://docs.generatepress.com/article/adding-image-sizes/