CSS - Sólo cambia el color del borde en estrellas de valoración.

Buenas tardes,

Estoy intentando que en mi web, retanto.es, aparezcan las estrellas de las valoraciones en color amarillo. Pero por defecto el tema ya sacaba las estrellas con el cuerpo en blanco y los bordes en lila, y hasta ahora al utilizar el código que detallo cambia el color a amarillo pero sólo del borde. ¿Hay alguna forma de que salga toda la estrella de amarillo?
.woocommerce .star-rating span:before
{
color: yellow;
}
Gracias de antemano.

Estas usando un carácter sin relleno, cámbialo por uno con relleno.
https://www.i2symbol.com/symbols/stars

Gracias, por tu comentario. Por mucho que le he dado vueltas, no veo dónde se puede cambiar el carácter por alguno de los que aparece en esta página. Seguiré probando.

En el archivo woocommerce.css tienes las clases .star-rating::before, .star-rating span::before con la propiedad content, esa es la que cambias.

Buenas tardes,
Muchas gracias, por sus comentarios. Yo no soy programador y algo así, para mí, es muy avanzado. Me ha costado ver dónde estaba ese campo. Pero ya lo hice. Mi duda es si cuando la valoración no sea de 5 estrellas variará. Y tendré que cambiar algún campo del tamaño porque la última estrella se corta.
Pero lo tengo localizado. Seguiré avanzando. Gracias de nuevo.

Desconozco cómo este implementado y no vi valoraciones menor a 5 para inspeccionarlo.
Se corta debido a que no caben en el espacio que tiene su contenedor. Donde cambiaste las estrellas en la regla anterior .star-rating tienes la propiedad width:5.55em; con ampliarla es suficiente.