How to fill the stars at star rating

Hi Simon,

Your theme is loading version 5 of Font Awesome, the icon font used to display the stars, and another plugin seems to be loading version 4.7 too. To date, I have not found the loading of multiple versions to be a problem.

Try this. Go to Testimonials > Settings and disable “Load Font Awesome” then clear your browser cache and test the page again.

In digging deeper, it seems the theme is loading a customized subset of Font Awesome icons that does not include all the stars. This customized version overrides any other version.

I suggest you ask the theme support if they can verify this and if so, rectify this shortsighted approach so plugins can utilize the full Font Awesome library.

Meanwhile, I will attempt to find a workaround.

Another thing to try. Here’s the official Font Awesome plugin that is probably the smartest approach going forward because it offers the highest level of compatibility for plugins and themes to share the same free version of Font Awesome.
https://www.ads-software.com/plugins/font-awesome/

Hi Chris

I will go through your suggestions, but it will be tomorrow or Wednesday.

Will let You know.

Regards,

Simon

Hi Chris

I used to put this css in:

.strong-rating span.star:before {
font-weight: bold;
}

So, the stars are showing in “full” now.

Regards,

Simon

Thanks for letting me know. That’s a good workaround for themes using Font Awesome 5. I was incorrect about your theme loading a partial subset. I will work on full compatibility.

I dug deeper and found the source of the conflict.

For Font Awesome version 4, which my plugin uses, the font is named “FontAwesome” in the CSS. This ensures compatibility across minor versions (4.6, 4.7, etc.) and sources (themes and plugins).

In Font Awesome 5, that name is “Font Awesome 5 Free”. Loading version 5 plus a shim for version 4 ensures backwards-compatibility. The official Font Awesome plugin handles this very well.

Your theme loads version 5 (without the shim) but uses the version 4 name “FontAwesome”. Presumably, the theme was originally built for version 4 then replaced it with version 5 thinking it was a simple one-for-one replacement.

So any CSS for “FontAwesome” expects version 4 but is given version 5 because your theme inadvertently overrides it.

If your theme were to use the correct name “Font Awesome 5 Free” and load the shim for version 4, both versions could co-exist and the workaround would be unnecessary.

You would be doing your theme developer a favor by bringing this to their attention.
https://fontawesome.com/how-to-use/on-the-web/setup/upgrading-from-version-4

Hi Chris

Thank You, I will let the theme developer know about it.

Regards,

Simon

Hi Chris

Hope all okay on your side.

I have another issue when the stars are font-weight bold.

View post on imgur.com

When the customers marks a 4 star, the fifth star is not showing correct.

Regards,

Simon