Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Adding font awesome icons into menus

Featured Lock Resolved Task
Hello,
how i can add font awesome icons into for example the footer menu?
Regards Rico

3 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
it's easy task for MegaMenu which you have on "top" in menu position,
but for all others menu you have to use addcional css and it's not so easy but still possible.

Hopefully for you all menu items have unique ID - check numbers in Menu Manager.

so for example you have to use:
#sp-footer  ul.nav.menu > li.item-527::before {
display: inline-block;
font-family: FontAwesome;
content:"\f087";
padding-right:5px;
}


for menu item with ID 527 , of course use a real one.

Attachments (2)

  • FA.jpg
    FA.jpg 72.5 KB
  • custom_css_field_tip.jpg
    custom_css_field_tip.jpg 85.3 KB

Paul Frankowski - Staff

More than a month ago #Permalink
Important info:
SP Page Builder 1.4 - used font awesome v4.4
SP Page Builder 2.0 - use font awesome v4.6.3

and current version of Font Awesome on project site is v4.7 - so not all new icons are included in SP PB yet.


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 146
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 119
Toufiq

Toufiq

Total Accepted Answers: 65
Pavel

Pavel

Total Accepted Answers: 5
Mohammed Ahmed

Mohammed Ahmed

Total Accepted Answers: 2

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us