×
Blue Eagle 5 v1.5.4 has been Released (13 Sep 2020)

The Kunena team has announce the arrival of Kunena template Blue Eagle 5 v1.5.4 which is now available for download. This version addresses most of the issues that were discovered in development.

Question FontAwesome issue on Gantry 5 templates

More
4 years 4 weeks ago - 4 years 4 weeks ago #1 by hennysmafter
Dear Devs & Users,

During the setup of categories I quickly found out that font awesome icons where not displayed. So I checked my setup first:

Template Settings > Features:
Topic Icons = Fontawesome
Load ext. CDN Fontawesome = No (as Gantry 5 has it already included)

So I investigated further and found out that the icons where build up like this:
<i class="fa fa-folder icon-big" alt="New Posts"></i>

This lead me too the CSS file icomoon.css in this file there is this piece of code:
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: 'IcoMoon';
    font-style: normal;
    speak: none;
}

The above code prevents the FontAwesome icon to be visible as the font-family is in conflict.

Solution
A very simple solution is to add the below code to your custom.scss file in the Gantry 5 Template.
[class^="fa-"]:before, [class*=" fa-"]:before {
    font-family: 'FontAwesome';
}

Other Solutions
There might be other solutions out there that are even better or this is something that might even get fixed in a later update. If you know a better solution or just another one then please post it here as I would love to see it.

This forum has the same issue!
I just found out that this forum has the exact same issue. Above is the solution to fix it :-)
Attachments:
Last edit: 4 years 4 weeks ago by hennysmafter. Reason: I just found out that this forum has the exact same issue. This post is the solution to fix it :-)

Please Log in or Create an account to join the conversation.

  • Not Allowed: to create new topic.
  • Not Allowed: to reply.
  • Not Allowed: to edit your message.
Time to create page: 0.189 seconds