Change stars colour

@fujiuser The stars are SVG images and not text. Please just use the following shortcode and normal (not !important) CSS to achieve the effect:

[reviews_rating stars="css" stars_gray="css"]

There is a script to replace the fill colour in the SVG images when you use this parameter. It will not be triggered otherwise. The stars_gray parameter is optional.

Please let me know if that works for you?

Thank you, it works!

@fujiuser If you like the plugin, please leave a review. Thank you. ??

Well, it works for Chrome Desktop and mobile, Safari mobile, Edge mobile, but not for Edge Desktop.

In Edge Desktop the SVG stars are still shown orange. Any suggestion?

@fujiuser I didn’t realise that Edge didn’t support the change of background fill colour in the SVG images. I’ll have a look and see what I can do to resolve this in a subsequent version.

Another suggestion is more complicated – decode the Base64 image data, replace the orange fill value and add your own CSS to override the current SVG stars. I wouldn’t recommend doing this as it’s a fair bit of work for about 1/50 of your online audience.

@fujiuser Or you can use HTML entities as stars rather than SVG…

[reviews_rating stars="html"]

Well, I am not sure what to do:

My CSS:
.google-business-reviews-rating .rating, .google-business-reviews-rating .rating .rating-stars, .google-business-reviews-rating .listing .rating { color: #E51920;}

My HTML-Widget:
[reviews_rating stars=”html” theme=”dark narrow” icon=”no” name=”no” vicinity=”no” limit=”3″ review_text=”no” stars=”css” ]

Still SVG background and orange colour in Edge Desktop. But I think you are right, it′s not the world’s biggest problem. Thanks anyway!

@fujiuser You have the parameter stars listed twice. Delete the second mention and you’ll be using HTML entities rather than SVG.

Thanks for the review! ??

Well, that did it concerning the color, but now the stars and their background are not on top of each other.

@fujiuser I prefer the new approach with SVG images – there is better accuracy for the partial stars (0%, 10%, …, 90%, 100%). The HTML entity version may need adjustments using CSS to correct for positioning.

Thanks, I think I will wait for an update in the future and let the stars be orange in Edge.