Stars not displaying

[Kavi]

Hi,

In the reviews output, in the star rating area i see text like “5 out of 5, 4 out of 5” etc,. instead of displaying actual stars. How do I fix this?

Please let me know.

Thanks,
Kavi

[Abu]

Hello Kavi,

Please send me the link to your site where I can see the issue and troubleshoot it for you.

thanks

Abu

[Barbara]

Hello!
unfortunately, I have the same problem :/
is there a way to fix this?
best regards,
Barbara

[Abu]

@Barbara

Can you please share the URL where I can see the issue?

that way I can troubleshoot it for you

thanks

[Barbara]

This reply has been marked as private.

[Barbara]

Hello!
I was hoping for an answer… (:
Best regards,
Barbara

[Abu]

@Barbara,

Sorry I did not see your previous reply earlier. It looks like default woocommerce css is not loading on the site that’s why stars does not display.

Please add the following CSS to the Custom CSS section of the plugin and let me know if that fixes the issue for you?

.woocommerce .star-rating {
    float: right;
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1;
    font-size: 1em;
    width: 5.4em;
    font-family: star;
}

.woocommerce .star-rating::before {
    content: '\73\73\73\73\73';
    color: #d3ced2;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
}

.woocommerce .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}

.woocommerce .star-rating span::before {
    content: '\53\53\53\53\53';
    top: 0;
    position: absolute;
    left: 0;
}

[Barbara]

OOOH thank you very much for pointing out the issue! I had it not load on that page!
Thank you very much, looks so much better now (;
Best regards,
Barbara

[Author]

Posts