[Resolved] Stars not displaying

Home Support TWB Woocommerce Reviews Stars not displaying

  • This topic has 7 replies, 2 voices, and was last updated 4 years ago by Barbara.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2318
    Kavi
    Guest

    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
    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
    Barbara
    Guest

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

    #3288
    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
    Barbara
    Guest
    This reply has been marked as private.
    #3322
    Barbara
    Guest

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

    #3326
    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
    Barbara
    Guest

    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)
  • You must be logged in to reply to this topic.