This is an embed external element. It can be deleted using the delete key or the backspace key. To view the full element, press the preview button below.
1) Please send us the WordPress dashboard access privately through the contact form, which is on the right side at https://themeforest.net/user/muffingroup#contact and tell me which icon you want to use exactly, and I will help you with that.
Notice!
Please attach a link to this forum discussion.
Sending incorrect or incomplete data will result in a longer response time.
Therefore, please ensure that the data you send are complete and correct.
2) The font family is necessary to Font Awesome work.
Comments
Hi,
Choose the element with the icon you want to use, choose to select an icon, and choose Font Awesome from the dropdown menu.
Best regards
What I mean is how to reference the Font awesome icon in a CSS statement similar to the one below. Right now the reference shows up empty.
.woocommerce .woocommerce-MyAccount-navigation-link--affiliate-area a:before { content: "\f1d3"; }
If you inspect the Font Awesome icon you may notice that it has a couple of attributes more:
What I marked on the screenshot is necessary for Font Awesome to work, so you must add it to your custom CSS.
https://muffingroup.com/betheme/elements/icons/
Best regards
Thank you very much! I would like to know exactly how to write the statement added in Custom CSS.
It should look as you wrote here, but also add font-family, and font-weight as I showed on the screenshot above.
Best regards
Do you mean write the code like this?
.woocommerce .woocommerce-MyAccount-navigation-link--affiliate-area a:before {
font-family: ‘Font Awesome 5 Free’;
font-weight: 12;
content: "\f1d3";
}
I mean is it possible to define the icon that references font awesome at the beginning so that the code doesn't have to be repeated below.
The font-weight must be set to 900.
Anyway, I do not understand what you mean by this:
I mean is it possible to define the icon that references font awesome at the beginning so that the code doesn't have to be repeated below.
Can you explain that in more detail, please?
Thanks
There are 2 problems:
1. I wrote the following code, but it doesn't show the icon.
.woocommerce .woocommerce-MyAccount-navigation-link--affiliate-area a:before {
font-family: ‘Font Awesome 5 Free’;
font-weight: 900;
content: "\f0c0";
}
2. Can I affirm the reference to the font awesome icon inside the HEAD so that I don't have to repeat the font-family statement when I use it below.
1) Please send us the WordPress dashboard access privately through the contact form, which is on the right side at https://themeforest.net/user/muffingroup#contact and tell me which icon you want to use exactly, and I will help you with that.
Notice!
Please attach a link to this forum discussion.
Sending incorrect or incomplete data will result in a longer response time.
Therefore, please ensure that the data you send are complete and correct.
2) The font family is necessary to Font Awesome work.
Thanks