logo-responsive
Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1
  • 2

TOPIC: Adding fontawesome 5 to a joomla template (solved)

Adding fontawesome 5 to a joomla template (solved) 1 year 3 months ago #15496

  • JohnO
  • JohnO's Avatar
  • Offline
  • Administrator
  • Posts: 5452
  • Thank you received: 884
  • Karma: 99
Hello Tom,

The quickest method is to do the following.
Add the following line of code to the Head Custom Code field in the CUSTOM CODE parameter in the templates styling parameters.
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

Now you will need to edit the templates/css/nexus.css file and remove any reference to fontawesome. Do a find for

Font Awesome

and remove all the code including the comments text from the file. It will look something like this
/***************************************************************************/
/* 14: Font Awesome */
/***************************************************************************/

/* All icons (classes beginning with “fa-” */
[class^="fa-"]:before, [class*=" fa-"]:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/***************************************************************************/
/* 14: End Font Awesome */
/***************************************************************************/

Your fontawesome 5 icons should now display.

Thanks,
JohnO
The administrator has disabled public write access.
The following user(s) said Thank You: Tom01

Adding fontawesome 5 to a joomla template (solved) 1 year 3 months ago #15498

  • Tom01
  • Tom01's Avatar
  • Offline
  • Senior Boarder
  • Posts: 55
  • Thank you received: 7
  • Karma: 0
you are my hero of the day!
Did nearly the same in the custom code but without the code "integrity....>"
And I think the modification of the nexus file was the important step.

It works great. Thank you so much!
The administrator has disabled public write access.
The following user(s) said Thank You: JohnO

Adding fontawesome 5 to a joomla template (solved) 1 year 3 months ago #15501

  • JohnO
  • JohnO's Avatar
  • Offline
  • Administrator
  • Posts: 5452
  • Thank you received: 884
  • Karma: 99
You are welcome Tom.

Thanks,
JohnO
The administrator has disabled public write access.

Adding fontawesome 5 to a joomla template (solved) 10 months 3 weeks ago #15796

  • mnxfiles
  • mnxfiles's Avatar
  • Offline
  • Fresh Boarder
  • Posts: 7
  • Thank you received: 1
  • Karma: 0
Great. Thanks!
What if I want to update the version? I tried just changing the version number in the code to the newest number, but that didnt work.
/Martin
The administrator has disabled public write access.

Adding fontawesome 5 to a joomla template (solved) 10 months 3 weeks ago #15797

  • JohnO
  • JohnO's Avatar
  • Offline
  • Administrator
  • Posts: 5452
  • Thank you received: 884
  • Karma: 99
Hello Martin,

If you use the method described to Tom you will be using fontawesome 5.

Thanks,
JohnO
The administrator has disabled public write access.

Adding fontawesome 5 to a joomla template (solved) 10 months 3 weeks ago #15800

  • mnxfiles
  • mnxfiles's Avatar
  • Offline
  • Fresh Boarder
  • Posts: 7
  • Thank you received: 1
  • Karma: 0
Hi John
Sorry. I thought it needed to be keept updated to newer versions of 5. also (e.g. now its version 5.9). But I see that it still works.

THANKS
The administrator has disabled public write access.
  • Page:
  • 1
  • 2
Time to create page: 0.160 seconds
Powered by Kunena Forum

Newsletter




We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.

Use code   MAY20 at checkout

    MAY    

10% off Everything!

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.