Sunday, December 8, 2013

How to change Font Awesome icons in joomla

1. Icons you can see on the screenshot above are represented by Font Awesome icons. In order to change them you need to specify appropriate style in menu options.


Joomla_How_to_change_Font_Awesome_icons-1


2. Go to Joomla admin section and open appropriate menu item. Go to Advanced Options. Link CSS Style option defines icon. In our case it is icon-google-plus-sign


Joomla_How_to_change_Font_Awesome_icons-2


3. Please open the following link: http://fortawesome.github.io/Font-Awesome/cheatsheet/. You will see all icons classes there.


Joomla_How_to_change_Font_Awesome_icons-3


4. Copy icon style name and paste it to Link CSS Style option of menu item.


Joomla_How_to_change_Font_Awesome_icons-4


5. Refresh the page. We can see that icon was changed.


Joomla_How_to_change_Font_Awesome_icons-5



How to change Font Awesome icons in joomla

No comments:

Post a Comment