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.
Gracias por lo que me podáis decir!
Contenido solo visible a usuarios registrados
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
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
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!
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
@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 😉
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 😊