Custom rating image hides after update 7.0.7

Site Reviews v7.0 added style controls to the Elementor widgets allowing you to change the star color. The CSS changes that this required seems to be messing with custom star images.

Try adding this CSS to your website:

.glsr .glsr-review-rating .glsr-star {
    mask: none !important;
}

Thank you! Solved.

Hello!

This fix is not working when I am choosing the stars when I’m giving the rating. I mean the hover effect.

For the rating field in the form, try this:

form.glsr-form .glsr-field-rating .glsr-star-rating--stars > span {
    mask: none !important;
}

Hello,

This fix did not solve the problem for me. I got the stars showing again by changing the background color from transparent to white in the custom stars images.

However I cannot use this since my product pages and homepage have different background colors… Any other suggestions ?

@bleulundi what is the URL?

@geminilabs example here : https://b1cb-6311b652970d.wptiger.fr/produit/boucles-oreilles-zellige/

.glsr .glsr-star-rating .glsr-star, /* fix stars in product title */
.glsr .glsr-review-rating .glsr-star, /* fix stars in review */
.glsr form.glsr-form .glsr-field-rating .glsr-star-rating--stars > span /* fix stars in form */
{
    mask: none !important;
}

@geminilabs Thank you ! Works ??

This should work again in Site Reviews v7.0.11 without any custom CSS.