SSSSS ratings instead of STARS

  • Resolved yiannos999999

    (@yiannos999999)


    3 years, 3 months ago

    Hello everyone!

    I am hired to do some cleanup on this website and i am facing this problem now:

    SSSSS ratings are shown instead of STARS symbols on this page: https://www.yiassu.com/shopping-marketplace-gift-shop-market/
    (as you can see, this is a Widget used at the sidebar, in order to show Woocommerce product ratings).

    But on single product page such as this one: https://www.yiassu.com/product/women-vintage-feather-long-necklace/ , under REVIEWS, the stars are showing perfectly!

    What you think is the problem? The theme used is RIGID THEME but since i do not have access to the theme support, i need your help please.

    To be noted that i have used all the google recommended CSS texts i have found on the web, such as the below, without any positive outcome and yes i have cleared cache repeatedly.

    .star-rating span {
font-family: star !important;
}

.star-rating span {
font-family: ‘star’ !important;
}

    Thanks in advance for all your help!

    Yiannos

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Mirko P.

    (@rainfallnixfig)

    Hello @yiannos999999

    You may want to add the star-rating CSS class to your sidebar widget to show the rating stars.


    Link to image: https://i.imgur.com/atNZWEb.png

    There are a few plugins like this one that will allow you to add a custom CSS class to your widgets. Another option would be requesting the services of a web developer or a customization expert to achieve it: https://woocommerce.com/customizations/.

    Hope this helps.

    Thread Starter yiannos999999

    (@yiannos999999)

    Much appreciated Mirko!

    Would you be so kind and suggest to me the exact CSS text in order for me to add it to ‘Appearance’>’Customize’>’Additional CSS’ ?

    I can’t afford hiring a developer neither the website can handle one more plugin to do this job, so I would be much obliged if you can just suggest to me what code to add to css.

    Many many thanks!
    Yiannos

    Mirko P.

    (@rainfallnixfig)

    Hi @yiannos999999

    I can see the ratings are now hidden on that page. It looks like you’ve used CSS display: none; to remove them from the site.

    You can try to assign the same declarations to the right selector, which should be .wc-block-components-review-list-item__rating__stars.

    Cheers.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘SSSSS ratings instead of STARS’ is closed to new replies.