Avisos
Vaciar todo

Imagen ancho completo en homepage

5 Respuestas
2 Usuarios
0 Reactions
18 Visitas
Tomás
Respuestas: 346
Reputable Member
Topic starter
 

Muy buenas,

Quería preguntar si sería posible mediante CSS dar ancho completo de pantalla a 2 elementos que tengo en la homepage.

  1. Elemento es un shortcode de la revisiones de los productos de los clientes.
  2. Una imagen.

Dejo esta imagen para que se comprenda mejor.

CSS amplio

Contenido solo visible a usuarios registrados


 
Respondido : 29/11/2024 5:44 am
Tomás
Respuestas: 346
Reputable Member
Topic starter
 

Por lo menos a la imagen, quisiera añadir 😀 


 
Respondido : 29/11/2024 5:52 am
Karen Rios
Respuestas: 18682
Illustrious Member Moderator
 

Hola Tomás, 

Puedes confirmarnos que tema estás utilizando, entiendo que es storefront, si es así una alternativa es desactivar el ancho mínimo completo para las columnas utilizando el siguiente código CSS

.col-full { 
max-width: none;
}

Ten en cuenta que esto va a colocar todas las columnas en ancho completo, puedes probar si con ello puedes configurar lo que necesitas. 

Un Saludo 


 
Respondido : 29/11/2024 2:04 pm
Tomás
Respuestas: 346
Reputable Member
Topic starter
 

Gracias Karine, sí, la plantilla es Storefront.

¿Cómo podría hacer para que se apliacara a la imagen: wp-image-87814?, es decir, a un solo elemento, no a toda la web 😀 


 
Respondido : 29/11/2024 2:45 pm
Karen Rios
Respuestas: 18682
Illustrious Member Moderator
 

Hola Tomàs. 

En este caso no sé si sea muy posible modificarlo porque el storefront añade una clase principal para las columnas; sin embargo, revisa si el siguiente código CSS te permite configurarlo como necesitas

img.wp-image-87814.entered.lazyloaded {
max-width: -webkit-fill-available;
width: 2500px !important;
margin-left: -40em;
margin-right: -35em;
}

Un Saludo


 
Respondido : 29/11/2024 3:16 pm