FontAwesome Icons Not Showing

Hello there,

I hope you’re doing well ??

I am not seeing the original icons or the Chinese characters that you mention, if you have deactivated the icons or our plugin I ask you to activate it again so we can observe the error and help you solve it.
In case it is active and it is excluded from the products that I have observed, I ask you to please send us the URL where you can see this problem that you are experiencing.

I am looking forward to your response.
Have a nice day!

Hi,

The plugin still remains active. It’s happening on all websites where I’ve used the Woocommerce Wishlist plugin and has only arisen since the last update to the plugin I believe. I haven’t turned off any settings for the icons, I’ve simply activated the plugin and done nothing else.

Another example is below:
https://enzoandlola.com.au/shop/

See screenshot attached below as well. I’ve made it viewable to anyone with the link:

Screenshot – Google Drive

Hi team,

After playing around in the browser inspector I discovered the issue is because your YITH plugin is loading an older release of Font Awesome 4.7.0, whereas our theme is loading Font Awesome Free 5.2.0 for extra theme styling.

To solve this issue I’ve added the following to my stylesheet:

.yith-wcwl-add-to-wishlist i, .yith-wcwl-share i { font-family: FontAwesome !important; }

This simply replaces the font family of “Font Awesome 5 Free” being used with “FontAwesome”.

I would kindly request maybe updating the version of Font Awesome being used or provide a setting to unload your version of Font Awesome.

Hope this helps others!

Hi there,

Perfect! The rule is correct and we are glad that you found the solution. It’s common for there to be conflicts between different versions of FontAwesome. We will consider the possibility of updating that version.

If you have any other questions, feel free to contact us.

Have a nice day!

Font Awesome has just released version 6, so after upgrading our themes to the latest version this broke again.

If you are using the YITH wishlist plugin and loading the Font Awesome 6 icons you can add this CSS code to your stylesheet and it seems to fix it (as long as you are using the default heart icons):

.yith-wcwl-add-to-wishlist i, .yith-wcwl-share i {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 400;
}
.yith-wcwl-add-to-wishlist i.fa-heart {
    font-weight: 900;
}

Hope this helps anyone ??

• This reply was modified 2 years, 9 months ago by Kazam Creative. Reason: make css code easier to interpret