Font awesome element in the 'extra menu list' item

Hello Team, I wonder, how to add a font awesome icon for extarnal links (external-link-alt) to the links in the extra menu list.

Hello,

Please provide the page URL and screen where you want to add the icons I will suggest the best way to do.

Best Regards

Hello Elise, I post it in privat. Thank you so much!

Skimi

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.wd-sub-menu li a {
    padding-top: 0;
    padding-bottom: 0;
}

Set the paddings as per your needs.

Best Regards

Hello Elise, thank you. It’s done. But, how I can add the ‘external-link-alt’ to the end of the shown link?

Hello,

Please clarify: do you want to add a class to the link or amend HTML structure of the link?

Best Regards

Hi Elise, sorry that it is not quite understandable. In the link list there are links that lead away from the website. I would like to mark these with a symbol at the end, so that the user knows that he is leaving the website. But this should not be automatically for all links.

I would like to add this awesome font symbol at the end of the link description. I tried to insert it, but the awesome font is not recognized there and only a small square is displayed. https://fontawesome.com/icons/external-link-alt

Hope that helps. Thank you!

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.wd-nav-vertical>li>a span:after{
  font-family: 'Font Awesome 5 Free';
  content: "   \f03a";
  font-weight: 900;
}

Change the number of the icon.
If you do not want to assign the icon to all the links, add the class to the lings, and I will correct the CSS, you can find the instruction on how to add the class here: https://xtemos.com/docs/woodmart/product-category-menu/

Best Regards

Hi Elise, thank you 🙂
Skimi

We are always happy to help you, write to us when you have any difficulties or issues with our theme.

We would be grateful for 5 stars rate on http://themeforest.net/downloads in case you are satisfied with our theme and customer service

Thank you in advance

[Author]

Posts