Redimensionar imagen en página web con Elementor

  • Autor Autor ogabrielro
  • Fecha de inicio Fecha de inicio
O

ogabrielro

Beta
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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?
 
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!
 
Y el link?
 
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.
 
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