Saltar navegación

[Resuelto] Images "stretch" vertically when opened on iPads

This support ticket is created 3 years, 9 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Zona horaria del colaborador: Asia/Karachi (GMT+05:00)

Este tema contiene 3 respuestas, tiene 2 mensajes.

Última actualización por Waqar 3 years, 9 months ago.

Asistido por: Waqar.

Autor
Mensajes
#2444563
SCC Aug 25 2022.jpg

I am trying to: fix image stretching issue only seen on iPads AFAIK

Link to a page where the issue can be seen: enlace oculto and other individual pages linked from enlace oculto

I expected to see: undistorted images on any device

Instead, I got: distortion on iPads

#2444655

Hi,

Thank you for contacting us and I'd be happy to assist.

From looking into the web page's code, it seems some script is setting a fixed height to the image, which is resulting in stretching on specific screen sizes.

To fix this, you can include the following custom CSS code in the content template's CSS editor, which will ensure that the image height is always adjusted, automatically:


.wp-block-image.tb-image img {
    height: auto !important;
}

I hope this helps and please let me know if you need any further assistance around this.

regards,
Waqar

#2446823

Waqar,

I put in the CSS you provided, but it doesn't appear to have worked for enlace oculto

enlace oculto

#2446937

Thanks for writing back.

Can you please remove the custom CSS code from my last message and use the slightly updated one:


.wp-block-image img {
    height: auto !important;
}

This should fix the images for the therapists' archive page too.