Help Center

FontAwesome issue?

GM

Glenn MartinPosted 9 years agoEdited 9 years ago

I have a site that uses a template from JoomlaShack (www.joomlashack.com). Everything works fine, but when I click on Minitek FAQ Book ("FAQs" in the menu at my site), the icons (which are also FontAwesome) on my menu items get all messed up. I'm guessing some kind of conflict between the template's use and Minitek FAQ Book's use with FontAwesome?

0

#1765

1 answer

M

MinitekPosted 9 years agoEdited 9 years agoModerator

Hi Glenn,

FAQ Book uses 2 icon sets:

1) The default Joomla icon set: Icomoon
https://docs.joomla.org/J3.x:Joomla_Standard_Icomoon_Fonts

The Icomoon icon set by default is using the class icon- for the icons:

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: 'IcoMoon';

2) The FontAwesome icon set:
The FontAwesome icon set by default is using the class 'fa-'.
http://fontawesome.io/examples/

Joomlashack templates are using the class 'icon-' for the Fontawesome icons. This means that they have broken compatibility with the Icomoon icons.
This class is meant to be used by the Icomoon set and should not be used for the Fontawesome icons.
FAQ Book supports the default Joomla classes. This is a problem caused by the Joomlashack template overriding the default classes.

Minitek.gr is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

The Joomla! logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.