Font awesome

Comments

• Phil

  January 13

  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

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• victor914

  January 13

  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"; }
• Phil

  January 13

  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

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• victor914

  January 13

  Thank you very much! I would like to know exactly how to write the statement added in Custom CSS.
• Phil

  January 14

  https://forum.muffingroup.com/betheme/discussion/comment/264337#Comment_264337

  It should look as you wrote here, but also add font-family, and font-weight as I showed on the screenshot above.

  
  

  Best regards

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• victor914

  January 14

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

  January 14

  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

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• victor914

  January 14

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

  January 15

  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

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next