Avisos
Vaciar todo

[Resuelto] Problema con el Archivo de productos de Elementor  

 
Francesc
 Francesc
Usuario experto

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 10:23 am
Pepe
 Pepe
Soporte CMS Webempresa 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 10:39 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Francesc
 Francesc
Usuario experto

@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 10:44 am
Pepe
 Pepe
Soporte CMS Webempresa 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 11:51 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Francesc
 Francesc
Usuario experto

@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 12:09 pm
Pepe
 Pepe
Soporte CMS Webempresa 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 12:41 pm

Cursos Gratuitos WordPress

Francesc
 Francesc
Usuario experto

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

¡¡¡MUCHAS GRACIAS!!!

Respondido : 06/04/2022 1:05 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa 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 1:10 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación