Avisos
Vaciar todo

[Resuelto] Páginas de Woocommerce ancho completo  

 
Iciar
 Iciar
Usuario eminente

Hola buenas!

Tengo una tienda online con Woocommerce y el tema Storefront (+ Elementor PRO).

He detectado que las páginas relativas a la compra de Wocommerce (carrito, tienda, mi cuenta etc.), aparecen con ancho completo pero sin ningún margen en absoluto.
He intentado cambiar la plantilla de estas páginas a "por defecto" y todas las opciones que aparecen pero nada, se empeñan en ocupar todo el ancho de la pantalla.

¿Sabéis por qué puede ser?

Estas páginas no están editadas con Elementor, son las de por defecto.

carrito

 

Gracias por lo que me podáis decir! 

 

Contenido solo visible a usuarios registrados

Respondido : 05/11/2021 11:24 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Icicia, 

En este caso primero comprueba si estás asignando la plantilla de estas páginas a Elementor ancho completo, si es así selecciona la plantilla por defecto y guarda los cambios

Screenshot (2)

Guara los cambios y verifica si las páginas se ven de forma correcta, si con ello no funciona puedes verificar añadiendo el siguiente código CSS en el apartado de Apariencia -> Personalizar -> CSS Adicional

@media only screen and (min-width: 992px) {
.woocommerce-cart .hentry, .woocommerce-checkout .hentry {
margin-left: 16%;
margin-right: 16%;
}

}

Verifica esto y nos comentas como ha ido todo

Un Saludo

Respondido : 05/11/2021 12:31 pm

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

Iciar
 Iciar
Usuario eminente

Gracias Karen!

 

Sí, aunque ponga la plantilla por defecto sigue ocupando todo el ancho.

He añadido el código y ahora se ve mucho mejor. Muchas gracias 🙂

¿Sabes cómo puedo añadirlo tambien a todas las páginas de "mi cuenta" (pedidos, descargas, dirección...)?

Mil gracias! 

Respondido : 05/11/2021 12:39 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Iciar, 

En este caso prueba si el siguiente código funciona en la página de mi cuenta

article#post-107 {
margin-left: 16%;
margin-right: 16%;
}

Verifica esto y nos comentas como ha ido todo

Un Saludo 

 
Respondido : 05/11/2021 1:12 pm

Cursos Gratuitos WordPress

Iciar
 Iciar
Usuario eminente

@karen mil gracias!

 

Sí, funciona. Al menos así se ve bien. He utilizado el mismo código con otro media query para móvil y listo.

Gracias por tu ayuda 😉

 

 

Respondido : 05/11/2021 2:55 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Iciar, 

Enhorabuena han funcionado, siempre es un placer poder ayudarte 😀 

Con esto podemos dar el tema como solucionado, escríbenos si tienes cualquier otra consulta

Un Saludo 😊 

Respondido : 05/11/2021 3:02 pm