[resolved] Incorrect number of stars in WooCommerce product reviews (5 posts)

  1. Playlectric
    Posted 1 year ago #

    VERSION: 2.1.7
    THEME: Avada 3.4.1
    PROBLEM: Incorrect number of stars in WooCommerce product reviews.

    Have a look at the 5-star rating of this coat – only 4 stars are shown:

    It seems that the number of stars is only correct if you're viewing the page as an administrator.

    Is anyone else having this problem but in a different WordPress theme? (The Avada theme developers are saying it must be caused by the WooCommerce plugin)


  2. Playlectric
    Posted 1 year ago #

    By the way, I should mention that the 4 star problem only occurs in Internet Explorer 11 (the latest version is installed):

    5 stars are displayed in FireFox and Chrome.

  3. ManusH
    Posted 1 year ago #

    In IE, there are also 5 stars but only 4 of them are visible, 5th star is not fitting that area.

    Maybe it is because of that sections width or some margin issues of IE reflecting the desired width to be rendered smaller and that last star is no longer fitting in the area.

    I changed the value of that areas width from "100%" to "75px" and the 5th star is now visible.
    Maybe disabling the
    display: inline-block;
    will also help with the width adjustment.

  4. Playlectric
    Posted 1 year ago #

    Thank you so much for helping me out, ManusH - this fixed the problem for me!

    On my own site, 78px seems to be the magic number:

    .star-rating {
       width: 78px !important;
  5. Playlectric
    Posted 1 year ago #

    (marking this topic as resolved for now)

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.