Avisos
Vaciar todo

Imagen ancho completo en homepage  

 
Tomás
 Tomás
Reputable Member

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

Citar
Respondido : 29/11/2024 5:44 am
Tomás
 Tomás
Reputable Member

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

ResponderCitar
Respondido : 29/11/2024 5:52 am

Cursos Gratuitos WordPress

Karen Rios
 Karen Rios
Soporte CMS Webempresa 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 

ResponderCitar
Respondido : 29/11/2024 2:04 pm
Tomás
 Tomás
Reputable Member

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 😀 

ResponderCitar
Respondido : 29/11/2024 2:45 pm

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

Karen Rios
 Karen Rios
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 29/11/2024 3:16 pm