Avisos
Vaciar todo

[Resuelto] Páginas de Woocommerce ancho completo

6 Respuestas
2 Usuarios
0 Reactions
18 Visitas
Respuestas: 43
Eminent Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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
Tags del tema
Karen Rios
Respuestas: 20063
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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
Respuestas: 43
Eminent Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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
Respuestas: 20063
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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
Respuestas: 43
Eminent Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

@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
Respuestas: 20063
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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