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
@pepesoler Añanidendo important; ha funcionado!!!
¡¡¡MUCHAS GRACIAS!!!
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 😊