CommunityFlatsome may have incompatibility
William Henderson asked 2 weeks ago

Hello! The Stars on your rating system have never quite worked right on a deployment of Flatsome. You helped us with some CSS and that resolved it for a few weeks. Now it’s happening again. Here is the code you had me add that worked for a few weeks, but no longer does:
.woocommerce.sip-rswc-form p.stars a { overflow: initial !important; } .woocommerce.sip-rswc-form .stars a.star-1:after, .woocommerce.sip-rswc-form .stars a.star-2:after, .woocommerce.sip-rswc-form .stars a.star-3:after, .woocommerce.sip-rswc-form .stars a.star-4:after, .woocommerce.sip-rswc-form .stars a.star-5:after, .woocommerce.sip-rswc-form .stars a:after, .woocommerce.sip-rswc-form p.stars a.star-1.active:after, .woocommerce.sip-rswc-form p.stars a.star-1:hover:after, .woocommerce.sip-rswc-form p.stars a.star-2.active:after, .woocommerce.sip-rswc-form p.stars a.star-2:hover:after, .woocommerce.sip-rswc-form p.stars a.star-3.active:after, .woocommerce.sip-rswc-form p.stars a.star-3:hover:after, .woocommerce.sip-rswc-form p.stars a.star-4.active:after, .woocommerce.sip-rswc-form p.stars a.star-4:hover:after, .woocommerce.sip-rswc-form p.stars a.star-5.active:after, .woocommerce.sip-rswc-form p.stars a.star-5:hover:after { text-indent: 999em; display: inline-block; color: #ffdf88; content: “f005”; font-family: FontAwesome !important; width: 1em; }
Here is a copy of Flatsome for you to download and install on your end:
https://www.dropbox.com/s/iqr5s0qkmzjk77u/flatsome-3.8.3.zip?dl=0
You’d requested a copy be posted in this forum for troubleshooting.
Thank you
 
Bill

2 Answers
Hafiz Muhammad Usman Staff answered 2 weeks ago

Hi Bill,
Please also share the the url of your site, where issue is occur.

William Henderson replied 2 weeks ago

neuroneeds.com

Go to Spectrum Supplements in the Shop dropdown and click Write a Review on that page.

https://www.neuroneeds.com/product/spectrum-needs/

Hafiz Muhammad Usman Staff replied 2 weeks ago

Ok, I will check the issue at Monday.

Hafiz Muhammad Usman Staff answered 2 weeks ago

Hi William Henderson,
issue is in css content: “f005” it should be content: “\f005”

whole correct css is given below.

.woocommerce.sip-rswc-form .stars a.star-1:after,
.woocommerce.sip-rswc-form .stars a.star-2:after,
.woocommerce.sip-rswc-form .stars a.star-3:after,
.woocommerce.sip-rswc-form .stars a.star-4:after,
.woocommerce.sip-rswc-form .stars a.star-5:after,
.woocommerce.sip-rswc-form .stars a:after,
.woocommerce.sip-rswc-form p.stars a.star-1.active:after,
.woocommerce.sip-rswc-form p.stars a.star-1:hover:after,
.woocommerce.sip-rswc-form p.stars a.star-2.active:after,
.woocommerce.sip-rswc-form p.stars a.star-2:hover:after,
.woocommerce.sip-rswc-form p.stars a.star-3.active:after,
.woocommerce.sip-rswc-form p.stars a.star-3:hover:after,
.woocommerce.sip-rswc-form p.stars a.star-4.active:after,
.woocommerce.sip-rswc-form p.stars a.star-4:hover:after,
.woocommerce.sip-rswc-form p.stars a.star-5.active:after,
.woocommerce.sip-rswc-form p.stars a.star-5:hover:after {
    text-indent: 999em;
    display: inline-block;
    color: #ffdf88;
    content: "\f005";
    font-family: FontAwesome !important;
    width: 1em;
}