Avisos
Vaciar todo

[Resuelto] Problema con el Archivo de productos de Elementor

8 Respuestas
3 Usuarios
0 Reactions
27 Visitas
Francesc
Respuestas: 90
Trusted Member
Topic starter
 

Buenas. Estoy construyendo una web para venta de libros con Woocommerce, y al crear la página de productos con Elementor Pro no hay forma de modificar el ancho de las columnas de los productos, quedando demasiado estrechas (ver foto):

archivo de productos

¿Cómo puedo solucionarlo? 

Gracias!

Francesc Esteban

Contenido solo visible a usuarios registrados


 
Respondido : 06/04/2022 9:23 am
Pepe
 Pepe
Respuestas: 41121
Illustrious Member Admin
 

Hola Francesc.

No podemos acceder a la web, por lo que veo esta protegido por contraseña.

Necesitamos que la web este abierta para poder revisarlo o que esta activa la pagina donde estan los productos y nos indicas la URL para poder verlo.

 

Un saludo

 

 

 


 
Respondido : 06/04/2022 9:39 am
Francesc
Respuestas: 90
Trusted Member
Topic starter
 

@pepesoler Está en producción, pero la abro hasta que me contestes para que la puedas ver. 

https://dentaltecnicbarcelona.com/categoria-producto/espanol/novedades/

Gracias


 
Respondido : 06/04/2022 9:44 am
Pepe
 Pepe
Respuestas: 41121
Illustrious Member Admin
 

Hola Frances.

Prueba añadir lo siguiente en Apariencia -> Personalizar -> CSS Adicional:

.elementor-products-grid ul.products.elementor-grid {
display: flex;
}

 

Un saludo


 
Respondido : 06/04/2022 10:51 am
Francesc
Respuestas: 90
Trusted Member
Topic starter
 

@pepesoler Ahora cuando edito con Elementor sí se ve bien (antes no), pero al publicar sigue igual. Tengo otro código añadido y sí funciona, ahora está así:

ul.products li.product h2 {
min-height:150px;
}
.elementor-products-grid ul.products.elementor-grid {
display: flex;
}

He entrado en modo incógnito y desde otro pc por si no hacía el cambio por el caché, y no ha funcionado.


 
Respondido : 06/04/2022 11:09 am
Pepe
 Pepe
Respuestas: 41121
Illustrious Member Admin
 

Hola Francesc.

Lo estoy probando y veo que funciona bien:

screenshot nimbusweb.me 2022.04.06 13 32 33

Prueba añadiendo la etiqueta important:

.elementor-products-grid ul.products.elementor-grid {
display: flex!important;
}

 

Veo que utilizas el plugin CSS Custom, si sigue sin mostrarse bien después de esto, elimina el plugin y lo añades directamente desde apariencia personalizar CSS Adicional.

 

Un saludo


 
Respondido : 06/04/2022 11:41 am
Francesc
Respuestas: 90
Trusted Member
Topic starter
 

@pepesoler Añanidendo important; ha funcionado!!!

¡¡¡MUCHAS GRACIAS!!!


 
Respondido : 06/04/2022 12:05 pm
Karen Rios
Respuestas: 18675
Illustrious Member Moderator
 

Hola Fransesc, 

Ehorabuena ha funcionado, un placer siempre poder ayudarte

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

Un Saludo 😊 


 
Respondido : 06/04/2022 12:10 pm