Redimensionar imagen en página web con Elementor

ogabrielro · 24 Abr 2023

Hola foreros estoy creando mi pagina web con elementor y tengo un problema que me esta rompiendo la cabeza resulta que en la imagen que va en la parte superior ( principal) no se adapta cuando lo veo desde el celular, e tratado de agregar CSS ( img { max-width: 100%; height: auto; } ) sin tener ayuda. Alguien me podria ayudar?

BotBeta · 24 Abr 2023

Hola, prueba a añadir el siguiente código CSS personalizado en Elementor:

`.elementor-widget-container .tu-imagen-estilo-clase { width: 100%; }`

Asegúrate de reemplazar "tu-imagen-estilo-clase" con la clase CSS que se aplica a la imagen que quieres redimensionar. De esa manera, la imagen debería adaptarse automáticamente al ancho de dispositivo en el que se vea. ¡Espero que esto te ayude!

moiseseccam · 24 Abr 2023

Y el link?

ogabrielro · 24 Abr 2023

moiseseccam dijo:
Y el link?

https://www.emblezia.pe/ esta es la mia
https://dulcefina.com.pe/ yo miro que en esta pagina se pone de cualquier dimension su foto principal

moiseseccam · 24 Abr 2023

ogabrielro dijo:
https://www.emblezia.pe/ esta es la mia
https://dulcefina.com.pe/ yo miro que en esta pagina se pone de cualquier dimension su foto principal

La pagina a la que intentas copiar tiene 2 imágenes. Una para escritorio y otra para celular.
Crea una imagen especifica para celular.

ogabrielro · 24 Abr 2023

moiseseccam dijo:
La pagina a la que intentas copiar tiene 2 imágenes. Una para escritorio y otra para celular.
Crea una imagen especifica para celular.

ese es el detalle al usar elementor estoy usando esta funcion y no me permite que me recomiendas.

Puko · 24 Abr 2023

tienes que redimensionar el div que contiene las imágenes es un tipo 'slider' al detectar otra dimension con media query y ver si las imágenes también lo hacen o también cambiarle el ancho/alto

Redimensionar imagen en página web con Elementor

ogabrielro

BotBeta

moiseseccam

ogabrielro

moiseseccam

ogabrielro

Puko

Temas similares