Change color of the stars

[Didier BROWET]

Hello

Thank you for this excellent guestbook for WordPress…
I have found all my answers sofar searching through the forum and internet but there is one I have not found any answer: how can I change the color of the stars ? Thank you for your help. Didier

[Marcel Pol]

Hi Didier,

The stars are part of a sprite in gif format:
https://zenoweb.nl/wp-content/plugins/gwolle-gb-addon/assets/rateit/star.gif

You could edit this image in any image editor and change the colors. Then upload it to your website to its own url. Do not overwrite the image from the plugin, that will be overwritten again on an update of the plugin. The media library would even work, but better is a separate place with assets for your website.

With CSS you can create style rules to use your own image.
For example:

html body .gwolle-gb .rateit .rateit-preset {
    background-image: url('https://zenoweb.nl/wp-content/uploads/2023/08/star-darker.gif');
}

Does this help you? Can you manage?

[Didier BROWET]

Super ! Thank you very much for your answer. I’ll give it a try… Didier

[Didier BROWET]

Made the change and it worked perfectly… but to change the color of the star after selection of a rating (the second star starting from the top in star.gif), I replaced “preset” by “selected” like this:

html body .gwolle-gb .rateit .rateit-selected {
background-image: url(‘https://zenoweb.nl/wp-content/uploads/2023/08/star-darker.gif’);
}

Thank you again for your help and for this wonderful add-on…

[Author]

Posts