Font awesome

Please tell me how to use Font awesome icons, thanks!

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.

  • 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.

    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

Sign In or Register to comment.