Hollow Stars Woocommerce

Home › Forums › Jevelin Theme › Hollow Stars Woocommerce

Home › Forums › Jevelin Theme › Hollow Stars Woocommerce

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    RESOLVED Posts

  • pzl
    Participant

    Hello Support.

    Is there a way to have full stars instead of hollow stars for all the product ratings? The hollow stars made it felt like there is no rating for the products.

    Thank you.

    Shufflehound Support
    Moderator

    Solution for this topic

    Hi @pzl,

     

    I hope you are well today and thank you for your question.

     

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .woocommerce .woocomerce-styling .star-rating:before, 
.woocommerce .woocomerce-styling .star-rating span:before{
     font-family: star !important;
     content: "\53\53\53\53\53" !important;
}

     

    Best regards,
    Shufflehound team

    pzl
    Participant

    Wow! That works! Thank you so much Shufflehound Team!

    Shufflehound Support
    Moderator

    You are always welcome here 🙂

    pzl
    Participant

    Hello Support,

    Thank you for the previous solution. Additionally, is there a way to include the CSS for the home page too? Thank you!

    Shufflehound Support
    Moderator

    Solution for this topic

    Please try changing the above shared CSS code as below.

     

    .star-rating:before, 
.star-rating span:before{
     font-family: star !important;
     content: "\53\53\53\53\53" !important;
}

    pzl
    Participant

    This works perfectly. Thank you so much!

    Shufflehound Support
    Moderator

    Glad, it worked for you 🙂

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