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):
¿Cómo puedo solucionarlo?
Gracias!
Francesc Esteban
Contenido solo visible a usuarios registrados
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
@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
Hola Frances.
Prueba añadir lo siguiente en Apariencia -> Personalizar -> CSS Adicional:
.elementor-products-grid ul.products.elementor-grid {
display: flex;
}
Un saludo
@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.
Hola Francesc.
Lo estoy probando y veo que funciona bien:
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
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 😊