Flash Sale. Use code FLASHOCT18 at checkout for 40% Discount!!

logo-responsive

Font Awesome 4 and 5 allows you to add vector icons from a library of over 360 to any part of your joomla template including Articles, Menu items, Module Heads, Article Titles and much more. Please see examples below on how to add font awesome icons to your site. Note: This feature is only available in templates from Joomlage0077-Logik to our latest template

 

Adding Font Awesome Icon to Menu Item

  • First select the icon you want in your Menu item from - Font Awesome Icons
  • The code must be placed in the Menu Item Advanced Options >> Link Type Options >> Link CSS Style. See example below.

- For this fontawesome 4 example we will use the fa-camera-retro icon. Note if your template is listed below as having Font Awesome 5 then use the following example. fa class is now deprecated. Use class fas fa-camera-retro icon

menu-item-fontawesome 

  • Save Menu Item and preview in your browser

menu-item-fontawesome2

 

Adding Font Awesome 4 Icon to Module Head

  • First select the icon you want in your Module Header - Font Awesome Icons
  • Open the module you want to place an icon in the header too. Go to Options >> Advanced Options >> Header Class. See example below.

- For this example we will use the fa-globe icon. Note if your template is listed below as having Font Awesome 5 then use the following example. fa class is now deprecated. Use class fas fa-globe icon

menu-item-fontawesome

  • Save Module and preview in your browser

menu-item-fontawesome2

Adding Font Awesome to Article content

  • First select the icon you want to add to your article - Font Awesome Icons
  • Open the article in your article manager. You must add the class names in the html. Please see the following examples on FontAwesome (if your template is listed below use the fontawesome 5 examples else use fontawesome 4 Font Awesome Examples

Fontawesome 5 Templates Updated

NOTE: As templates are updated to Fontawesome 5 they will be listed here.

Use code   OCT18 at checkout

     October    

10% off Everything!