[mmrobenvatoParticipant]

Hi

I’ve used this code to change the position of the stars which is great but I actually want the stars to be red on a white background or gold on a red background … I’ve tried all sorts of combinations but no luck. 🙁

This is what I have so far

.woocommerce li.product .star-rating-container, .woocommerce-page li.product .star-rating-container {
position: static !important;
background-color: red
!important;
color: #F0E468; !important;
opacity: 1 !important;
}

And this is how it looks…
http://thepathofdzar.com/product-category/readings/

Thanks!

Mary

[John EzraMember]

Hi Mary,

Thanks for writing in! You already have a red background. To get the stars to be gold, you can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

.woocommerce li.product .star-rating-container .star-rating span:before {
    color: #F0E468;
}

Hope this helps – thanks!

[mmrobenvatoParticipant]

Perfect…thank you!

Have a great weekend. 🙂

[LelyModerator]

You’re welcome!

Always,
X

[Author]

Posts