Use FontAwesome with Simplicity Template

Start-up Joomla template with amazing CSS3 animated icons, price tables and parallax effect background.
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Fri Jan 31, 2014 8:22 pm
Reply with quote
Report this post
Hi.
I want to be able to use FontAwesome icons with the Simplicity template.
Could you tell me how to make the template recognize the FontAwesome CSS?
Thanks!
User avatar
Fresh Boarder

GK User
Fri Jan 31, 2014 10:34 pm
Reply with quote
Report this post
Hi.
If this or any other template don't have FontAwesome in-build -> you have to install plugin which give you such a possibility.
For example: NS Font Awesome or JFontAwesome -- you will find them on JED.
User avatar
Platinum Boarder

GK User
Thu Feb 06, 2014 12:26 am
Reply with quote
Report this post
I'll do that. Thanks!
User avatar
Fresh Boarder

GK User
Wed Mar 12, 2014 7:27 am
Reply with quote
Report this post
Hi.
I still have the problem :(
I installed the NS Font Awesome plugin and copied the fonts files to my Simplicity installation just as in the Creativity template.
I can't make the FontAwesome icons to display in any of the 2 versions (icon-xxx or fa-xxx).

Is there any additional step to follow?
My URL: http://archipielago.me/sitio/index.php/es/


Thanks in advance
User avatar
Fresh Boarder

GK User
Wed Mar 12, 2014 6:28 pm
Reply with quote
Report this post
But it works, looks here:
fa.png


You have to do exactly all steps:
Step 1: enable System - NS Font Awesome plugin
Step 2: using HTML mode in editor insert code with all class'es . Most Joomla editors will strip out tags when you save. To work around this issue you should either disable the editor or be sure to switch to html mode before saving or configure your editor not to clean html on save.

Step 3: an example html string to insert an icon:

Code: Select all
<i class="fa fa-bar-chart-o fa-4"></i>
User avatar
Platinum Boarder


cron