Support » Plugin: Strong Testimonials » How to fill the stars at star rating

  • Resolved SimonVetterli

    (@simonvetterli)


    Hi

    I like to have the stars at star rating filled… somehow, it is only the border with a color.

    Any idea how I can do?

    Regards,

    Simon

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Contributor Chris Dillon

    (@cdillon27)

    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.

    Plugin Contributor Chris Dillon

    (@cdillon27)

    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.

    Plugin Contributor Chris Dillon

    (@cdillon27)

    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://wordpress.org/plugins/font-awesome/

    Thread Starter SimonVetterli

    (@simonvetterli)

    Hi Chris

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

    Will let You know.

    Regards,

    Simon

    Thread Starter SimonVetterli

    (@simonvetterli)

    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

    Plugin Contributor Chris Dillon

    (@cdillon27)

    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.

    Plugin Contributor Chris Dillon

    (@cdillon27)

    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

    Thread Starter SimonVetterli

    (@simonvetterli)

    Hi Chris

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

    Regards,

    Simon

    Thread Starter SimonVetterli

    (@simonvetterli)

    Hi Chris

    Hope all okay on your side.

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

    https://imgur.com/8bHkS5U

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

    Regards,

    Simon

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How to fill the stars at star rating’ is closed to new replies.