[Resolved] Stars not displaying

Home Support TWB Woocommerce Reviews Stars not displaying

This topic contains 7 replies, has 2 voices, and was last updated by  Barbara 1 year, 2 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2318 Reply

    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

    #2320 Reply

    Abu
    Keymaster

    Hello Kavi,

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

    thanks

    Abu

    #3284 Reply

    Barbara

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

    #3288 Reply

    Abu
    Keymaster

    @Barbara

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

    that way I can troubleshoot it for you

    thanks

    #3291 Reply

    Barbara
    This reply has been marked as private.
    #3322 Reply

    Barbara

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

    #3326 Reply

    Abu
    Keymaster

    @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;
    }
    #3370 Reply

    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

Viewing 8 posts - 1 through 8 (of 8 total)
Reply To: Stars not displaying
Your information: