Kunena 7.0.4 Released

The Kunena team has announce the arrival of Kunena 7.0.4 [K 7.0.4] in stable which is now available for download as a native Joomla extension for J! 5.4.x/6.0.x. This version addresses most of the issues that were discovered in K 6.2 / K 6.3 / K 6.4 and issues discovered during the last development stages of K 7.0

Question FontAwesome issue on Gantry 5 templates

More
9 years 8 months ago - 9 years 8 months ago #178844 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 :-)
Last edit: 9 years 8 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.243 seconds