Kunena 6.2.6 released

The Kunena team has announce the arrival of Kunena 6.2.6 [K 6.2.6] which is now available for download as a native Joomla extension for J! 4.4.x/5.0.x. This version addresses most of the issues that were discovered in K 6.1 / K 6.2 and issues discovered during the last development stages of K 6.2

Question FontAwesome issue on Gantry 5 templates

hennysmafter
Topic Author
Offline
New Member

7 years 7 months ago - 7 years 7 months ago #1 by hennysmafter

FontAwesome issue on Gantry 5 templates was created 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:

Code:

<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:

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.

Code:

[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: 7 years 7 months 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.

Time to create page: 0.328 seconds