Hello.

The site using Woocomerce has the ability to add reviews with a rating (looks like in the picture). How to modify asterisks? I want them to be only five. In which file is it usually displayed? enter image description here

1 answer 1

In the settings of your theme (Appearance-> Customize) add the following css:

.woocommerce p.stars a.star-1, .woocommerce p.stars a.star-2, .woocommerce p.stars a.star-3, .woocommerce p.stars a.star-4, .woocommerce p.stars a.star-5 { border: none; width: 30px; margin: 0; } .woocommerce p.stars a.star-1:after, .woocommerce p.stars a.star-2:after, .woocommerce p.stars a.star-3:after, .woocommerce p.stars a.star-4:after, .woocommerce p.stars a.star-5:after { content: "\f005"; } .woocommerce p.stars a:hover~a::after { color: #d9e4ef; } .woocommerce p.stars:hover a::after { color: #27b399; } 
  • It worked. And how when clicking on the 5th (for example) a star to highlight the rest? - Vlad Yudkin
  • Added two rules in response. - KAGG Design
  • Thank! Everything is like a clock) - Vlad Yudkin