Colors not showing on rating starts

Hi there,

I tested the plugin with Blossom Fashion theme and figured out that the theme is causing issues. It is basically replacing plugin icons (stars) with SVGs and therefore some features of the plugin are not working correctly. In a long run, I think it would be a good idea to ask the author of the theme to add an option to disable the replacement of Font Awesome icons with SVGs. Many plugins use Font Awesome and it is possible that this will also cause issues with other plugins.

Now there is also a quick fix with custom CSS but not all plugin features will work (results widget and color the stars in rating widget). For the quick fix add the CSS below in the Customizer (appearance -> customize -> additional CSS).

.rating-stars ul > li.star.hover > svg {
  color:#FFCC36;
}

.rating-stars ul > li.star > svg {
  font-size:2.5em;
  color:#ccc;
  cursor: pointer;
}

.rating-stars ul > li.star.selected > svg {
  color:#FF912C;
}

As for the shortcodes it works fine on my test website with the Blossom Fashion theme. Please double check that you are inserting [ratemypost] and not [ratemypost-result].

Let me know if you have more questions.

Blaz

Hi,

I don’t know if this is still relevant but I stumbled on this issue again while developing version 2.1.2. I added a patch and now the plugin works with the theme without any custom CSS. You may try it out ??

Blaz

Marking as resolved.

• This reply was modified 5 years, 10 months ago by Blaz K..

Thank! Will try it out ??