Change Icon from Size Guide – Font Awesome Icon Code

I see that the icons that are used for comparison, wishlist, size guide are added as pseudo code via the CSS content statement

I tried to replace the original icon provided by WoodMart with another icon code from the Font Awesome 5 libary. I also enabled Font Awesome support in the settings.

Font Awesome Libary → Always use it

This is not my prefered way, but before thinking about optimization I need to get it work at first.

.wd-sizeguide-icon>a:before {
content: “\f080”;
}

Whatever I try, no icon will show up.

What am I doing wrong here and what can I do to replace those default icons?

Attachments:

You must be logged in to view attached files.

Hello,

Please replace the CSS you added with the following then check back.

.wd-sizeguide-icon>a:before {
    content: "\f080";
    font-family: "Font Awesome 5 Free";
}

Best Regards

Oh.. that easy 🙂 Thanks a lot!

Now, the follow-up question to this case.
1. I do need to have “Font Awesome Libary → Always use it” enabled right?
2. I do not need to add my own Font Awesome kit, right?
<script src="https://kit.fontawesome.com/abcd.js" crossorigin="anonymous"></script>
3. Can I use the WoodMart iconset instead of the Font Awesome icons?
I saw someone asked about this long time ago. Is there a list of icons / icon codes that is built in WoodMart that I can use?

Thanks so much about your quick response and have a lovely weekend!

Hello,

You are Most Welcome.

1 & 2. If you want to use font awesome icons then you don’t need to import any script. You can only enable the option in Theme Settings.

3. Our WoodMart font icons are just system icons that are used in our theme like wishlist, cart widget, social buttons etc. It is not a library like Font awesome and we don’t have documentation for that.

Best Regards

Thanks a lot!

Hello,

We are Glad that you loved our Theme and Support Staff. We wish you all the best.

If you do not mind, can you please leave a 5 stars rating for our Theme & Customer and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot. If you like our Theme and Support.

Thanks for contacting us.
Have a great day :-)

Topic Closed.
Best Regards.

[Author]

Posts