Site logo

Archived topic

Featured images in mobile became square

5 replies · Started by Oscar on April 24, 2020

Viewing posts 1–6 of 6

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/

This archived topic is closed to new replies.