csswordpresswoocommerceproductrating

Change color and spacing in Woocommerce review stars

Does anyone know what CSS code I could use to change the colour of my review stars and also space them further apart?

I have the code below, but it only changes the outline colour 

.product .star-rating span:before,
.product .star-rating:before {
    color: #FF0000;
}

What code would I add to do the whole thing and also space them a little further apart?

Thanks!

Solution

  • The following should change the color to #FF0000 and add 1px of spacing between the rating stars:

    .star-rating span:before,
.star-rating::before,
p.stars a:hover:after, 
p.stars a:after {
    color: #ff0000 !important;
    letter-spacing: 1px; 
}

    Tested and works

    enter image description here