Avisos
Vaciar todo

Modificar márgenes estrellas calificación productos  

 
Sara
 Sara
Usuario eminente

Hola,

He añadido en el generador de temas Divi un cuerpo para las categorías de los productos. Revisándolo he visto que las estrellas de productos valorados aparecen muy pegadas al nombre del producto. Esto ocurre cuando visitas una categoría de producto y en el editor de Divi no veo ninguna opción de poder modificar los márgenes de las estrellas. Me gustaría separarlas del nombre del producto. ¿Alguna solución? Adjunto imagen de ello

Captura de Pantalla 2022 12 05 a las 11.25.34

 

Contenido solo visible a usuarios registrados

Citar
Respondido : 05/12/2022 10:29 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Sara, 

En este caso para solucionarlo puedes probar añadiendo el siguiente código CSS en tu sitio web

.woocommerce-loop-product__title {
margin-bottom: 10px !important;
}

Este código debes añadirlo en el apartado de Divi → Opciones del tema → General → CSS personalizado

Verifica si con ello logras configurar el espacio para las estrellas de forma correcta

Un Saludo 

ResponderCitar
Respondido : 05/12/2022 12:55 pm

Sara
 Sara
Usuario eminente

@karen Solucionado, me ha servido perfectamente. Es curioso que añadiéndolo al final de todos los códigos que tengo escritos se me desencajan multitud de botones y cambian colores, pero añadiéndolo al principio del código no produce error alguno.

ResponderCitar
Respondido : 05/12/2022 4:35 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Sara, 

Enhorabuena ha funcionado, es un placer siempre poder ayudarte 😉 

Si se estaba generando un error añadirlo al final comprueba no tengas alguna clase o estilo abierto sin el símbolo de } ya que este es el cierre de la regla CSS que tengas añadida en las opciones de CSS personalizado

Un Saludo 😊 

ResponderCitar
Respondido : 05/12/2022 4:42 pm