Avisos
Vaciar todo

Tamaño foto pagina de inicio  

 
Walter
 Walter
Reputable Member

Hola, antes que nada pongo que mi dominio es webempresa que al tener el sitio mediante un DNS no me reconoce como cliente.

Solo estoy necesitando ajustar (solo en la vista movil) la foto de arriba de todo de la pagina de inicio de https://estudiowls.com.ar para que tenga el tamaño de las restantes fotos, o al ser la imagen principal aparezca mas destacada (por algun motivo aparece muy angosta), quisiera agrandarla en ancho.

Muchas gracias 

Contenido solo visible a usuarios registrados

Citar
Respondido : 02/09/2022 10:32 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Walter,

Si estas utilizando Gutenberg puedes validar si tu imagen en uso esta al 100% de su proporción

image

Si aun el problema persiste puedes otorgarle una clase para luego aplicarles estilos CSS por ejemplo

image

Donde la clase "ancho-img" puedes usarla para aplicar los siguientes CSS

.ancho-img img{
width: 100% !important;
}

Recuerda que puedes aplicar estos estilos desde Apariencia-> Personalizar-> CSS adicional

Saludos!

 

ResponderCitar
Respondido : 02/09/2022 10:56 pm

Walter
 Walter
Reputable Member

@bruno-vichetti Gracias, eso lo he hecho. Necesitaria el codigo para el css

Pero cometí un error, lo que quiero es agrandar la altura (no ancho) y solo para la vista movil, me podrias ayudar con eso?

ResponderCitar
Respondido : 02/09/2022 10:59 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Walter,

Supongo que te refieres a esta imagen:

image

No veo que le aplicaras el css que te comento bruno, tienes que aplicarle un id para que puedas modificarlo, nos comentas cuando hagas este ajuste para poder enviarte un css.

Un saludo 🖐️ 

ResponderCitar
Respondido : 02/09/2022 11:07 pm

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

Walter
 Walter
Reputable Member

@bruno-vichetti Como le añado un id?

ResponderCitar
Respondido : 02/09/2022 11:13 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Walter,

En la respuesta de bruno tienes el cómo asignarle un id, vas hasta la imagen, luego haces click en ella y en el panel lateral derecho donde indica avanzado tienes la opcion para aplicarle una clase adicional.

Un saludo 🖐️ 

ResponderCitar
Respondido : 02/09/2022 11:40 pm

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

Walter
 Walter
Reputable Member

Gracias,

Le he dado un id (en mi caso .alto-ima) y he incluido este codigo en el css pero nada ocurre

@media only screen and (max-width: 500px) {
.alto-img img{
height: 100% !important;
}}

Lo que estoy queriendo es hacer que esa imagen (la primera que aparece en la home) se vea mas alta (ensancharla hacia arriba y abajo).

 

 

ResponderCitar
Respondido : 14/09/2022 4:23 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Walter, 

En este caso puedes probar añadiendo un alto especifico en px, por ejemplo

@media only screen and (max-width: 500px){
.alto-img img {
height: 250px!important;
}
}

Ten en cuenta que las proporciones de la imagen tiene una relación con el tamaño de la misma, es decir el ancho de tu imagen al añadir un alto no acorde con sus proporciones puede ser que se muestre deformada por lo que debes revisar estos valores muy bien. 

Verifica esto y nos comentas como ha ido todo

Un Saludo 

ResponderCitar
Respondido : 14/09/2022 5:02 pm

Cursos Gratuitos WordPress