Star ratings not showing correctly

  • Resolved alienbodyguy

    (@alienbodyguy)


    6 years, 11 months ago

    Hi, the stars for the ratings are not showing up correctly. For a 5 star rating they are showing up 4.25 stars. Can anyone help me figure out how to fix this please? I contacted support from the Author of the plugin, after purchasing a $50 license to the core plugin, but they do not provide support for this on their website.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author JS Morisset

    (@jsmoriss)

    It looks like you found the solution – awesome! ?? My guess would be that it was a letter-spacing issue with your theme’s CSS? In the latest version of WPSSO RAR, I’ve added a letter-spacing:0; value to the plugin CSS, which should fix this for other users with non-standard letter spacing in their theme’s CSS. ??

    js.

    Thread Starter alienbodyguy

    (@alienbodyguy)

    I didn’t find an actual solution. I just boxed my layout instead of using full width. Somehow that fixed it.

    Plugin Author JS Morisset

    (@jsmoriss)

    The following CSS is not part of WPSSO RAR, but it’s letter spacing value appears to have fixed your issue (it spaces the stars to match your theme’s letter spacing). ??

    
.star-rating {
    letter-spacing:3px;
}

    js.

    Plugin Author JS Morisset

    (@jsmoriss)

    BTW, the default (yellow) stars are 16px on your page, but then you seem to have added some custom CSS to define the red stars as 14px, so the two don’t quite line-up:

    
.star-rating span::before {
    font-size: 14px;
}

    js.

    Plugin Author JS Morisset

    (@jsmoriss)

    BTW, I also found this in your CSS, which is a bit odd:

    
.star-rating span {
    font-size: 0;

}

    js.

    Thread Starter alienbodyguy

    (@alienbodyguy)

    I think found the reason why you found that code. It is because of the theme I am using, I suppose. Woocommerce has a rating system built in for products. I am assuming this is set in the theme, and your plugin is using the same css code as woocommerce. I can’t change the css to 16px because it breaks the star ratings on my products.

    • This reply was modified 6 years, 11 months ago by alienbodyguy.
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Star ratings not showing correctly’ is closed to new replies.