Incorrect number of stars in WooCommerce product reviews

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter Playlectric

    (@playlectric)

    10 years ago

    By the way, I should mention that the 4 star problem only occurs in Internet Explorer 11 (the latest version is installed):
    http://theme-fusion.com/avada/product/barbour-short-military-jacket/

    5 stars are displayed in FireFox and Chrome.

    ManusH

    (@manush)

    10 years 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.

    Thread Starter Playlectric

    (@playlectric)

    10 years 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;
}
    Thread Starter Playlectric

    (@playlectric)

    10 years ago

    (marking this topic as resolved for now)

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Incorrect number of stars in WooCommerce product reviews’ is closed to new replies.