Avisos
Vaciar todo

[Resuelto] Reducir tamaño imagen en pantallas pequeñas con css  

 
Ana
 Ana
Honorable Member

Hola,

😊

La web está hecha con WPBakery builder y como no veo donde cambiar el tamaño de las imágenes cuando se muestran en los móviles he pensado hacerlo con css, pero por lo que sea (por que no lo debo hacer bien)  no me hace caso lo que he puesto, o no está bien el código, he probado varios y no doy con la tecla.

En la imagen que pego, aparecen los dos códigos y en pantalla grande se muestra como debe (cuadro rojo) pero en las pantallas pequeñas para moviles, se ve muy grande la imagen y al querer reducir el tamaño con el css del cuadro rojo, éste aparece tachado y no funciona.

imagen

Como puedo hacer para que cuando se vea en moviles se haga la foto mas pequeña?

Gracias por adelantado!

Ana 😊 

 

Contenido solo visible a usuarios registrados

Respondido : 27/11/2024 10:44 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ana.

Puedes decirnos la URL donde se muestra esa imagen.

Esto es lo que yo veo:

Captura de Pantalla 2024 11 27 a las 12.57.46

 

Un Saludo

Respondido : 27/11/2024 11:59 am

Cursos Gratuitos WordPress

Ana
 Ana
Honorable Member

Hola Pepe,

Perdón que no pude contestarte antes...

Esta url: Contenido solo visible a usuarios registrados

 

Gracias!

Ana 😊 

 

Respondido : 27/11/2024 2:43 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Ana, 

En esta página cuál es la imagen que deseas modificar? actualmente la vea de esta forma pero no logro ver el tamaño que deseas modificar

Puedes indicarnos cual esta imagen que deseas modificar y el tamaño que deseas asignarle? de esta forma podemos verificarlo con mayor detalle. 

Un Saludo

 

Esta publicación ha sido modificada el hace 1 mes por Pepe
Respondido : 27/11/2024 3:37 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ana.

Esto es lo que yo veo:

Lo que quieres es que tenga algún margen, que tenga un alto inferior ?

Disculpame pero es lo veo bien,la imagen se muestra a un tamaño completo

 

Un saludo

 

Esta publicación ha sido modificada el hace 1 mes por Pepe
Respondido : 27/11/2024 3:37 pm
Ana
 Ana
Honorable Member

Hola

El tamaño que me gustaría para móviles seria con un padding-top: 150px; y un padding-bottom: 150px;

Forzando el css que aparece en el navegador se mostraría así.

imagen

Es que yo lo intento pero no puedo.

 

Contenido solo visible a usuarios registrados

 

Gracias!!

 

Ana  😊 

 

 

 

Respondido : 27/11/2024 3:47 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ana.

Mira si es esto lo que buscas

@media only screen and (max-width: 720px) {
.vc_column-inner.vc_custom_1732122113227 {
padding-top:1px!important
}
}

 

Un Saludo

Respondido : 27/11/2024 4:03 pm
Ana
 Ana
Honorable Member

Pepe!

Perfecto!! genial!! 😊 

Justo es eso!! Me lo anoto y lo aplico a las otra imágenes

Muchísimas gracias por tu gran ayuda !!

Contenido solo visible a usuarios registrados

Un abrazo enoorme!!

Y cuídate mucho!

Ana 🤗 😊 

 

Respondido : 27/11/2024 4:19 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Ana,

Encantados de poder ayudar, si tienes alguna otra duda, por aqui estaremos.

Un saludo 🖐️ 

Respondido : 27/11/2024 4:52 pm