Always 5 star shown

  • Resolved richpig

    (@richpig)


    3 years, 10 months ago

    Hi

    I’m adding some virtual reviews, most of them are 5 star rated, but one is 4 stars, yet on the review shown on the page it shows 5 stars.

    The code shows 4, but I can’t see why 5 stars are displayed, any ideas?

    <div class=”star-rating” role=”img” aria-label=”Rated 4 out of 5″><span style=”width:80%”>Rated <strong class=”rating”>4 out of 5</span></div>

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter richpig

    (@richpig)

    Please ignore this, I found the problem. Something in my theme (GeneratePress) or Beaver Builder was overriding the length of the star rating area, so although WooCommerce was telling it to only color 80% (4 out of 5 stars), the width of the containing div was far wider, hence 80% still covered all the stars.

    I had to set the width of the stars to 105px, which then made sure 80% correctly only covered 4 of the stars.

    @richpig

    Thank you for your confirmation. It is happy to know that you solved the problem yourself.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Always 5 star shown’ is closed to new replies.