473. Cambiar el color y tamaño de las estrellas de valoración en WooCommerce

Con este vídeo de la Zona Código aprendes a personalizar el aspecto de las estrellas de valoración de WooCommerce con CSS puro.

Las estrellas de WooCommerce heredan los estilos del tema y en muchos casos quedan pequeñas, con un color que no encaja con tu marca o con poco contraste. El problema es que WooCommerce no ofrece ninguna opción en sus ajustes para cambiar su aspecto.

Con este snippet controlas tres cosas:

• Color de las estrellas (activas, vacías y al pasar el ratón).
• Tamaño (más grandes o más pequeñas).
• Separación entre estrellas.

Se aplica en todas las zonas donde WooCommerce muestra estrellas: ficha de producto, listado de la tienda, página de categoría y formulario de dejar reseña.

Vídeo: cómo personalizar las estrellas de WooCommerce

Código CSS para personalizar las estrellas de valoración

Vídeos relacionados:

• Cómo editar código en WooCommerce
• Más vídeos para modificar WooCommerce
• Crear 5 estrellas de valoración sin plugins
• Editar el título de las pestañas de la página de producto de WooCommerce
• Editar los emails de Woo por CSS
• Igualar las proporciones de las imágenes en WooCommerce