Interferes with other Font Awesome icons

  • Resolved mmaurer

    (@mmaurer)


    7 years, 7 months ago

    I activated the plugin and it worked great. But then I noticed that all the menu items I had where I was using font awesome icons, both the icon and the text were replaced by a rectangle. I had to deactivate. Is there a way to fix this? I want the icons I already have set up to stay, without adding a new icon to all my internal links.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Pi Zi

    (@freelancephp)

    Maybe it’s because existing CSS classes will be overwritten by the plugin. This is a bug that should be solved.

    Pi Zi

    (@freelancephp)

    Correction: CSS classes will not be overwritten by the plugin.

    The icons cannot be found, probably because the font was changed in the CSS code.

    @freelancephp – This plugin is unloading the FontAwesome styles which my theme is loading. I compared the “Sources” tab in “Developer Tools” in Chrome to compare the site with and without your plugin activated. When it is activated, I noticed the CSS rules for [class^="icon-"], [class*=" icon-"] were gone.

    For my particular case, FontAwesome was being loaded in dynamically via my theme. So all of the FontAwesome icons were using the class “icon-*” instead of “fa fa-*”.

    To fix this, I had to grab the Font Awesome CSS and paste it at the end of my child theme CSS code. Obviously not ideal (384 additional lines of code) but it fixed it.

    Here’s the CSS code. Feel free to remove any icons you aren’t using in order to minimize the bloat: https://pastebin.com/PJ6wF9bH

    Pi Zi

    (@freelancephp)

    The plugin doesn’t “unload” anything, so there must be another explanation.

    Maybe your theme checks if a Font Awesome stylesheet was already loaded, if not it loads it’s own version (with “icon-” classes) or else it doesn’t load anything and uses the FA version of the plugin.

    I have to see for myself what’s really going on.

    • This reply was modified 7 years, 5 months ago by Pi Zi.
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Interferes with other Font Awesome icons’ is closed to new replies.