[Resolved] Woo Commerce My Account Customizer Corrupting Font Awesome Header Icon

[Craig]

So I am using the woo commerce my account customizer, for some reason, it corrupts the font awesome header icons I use: https://mammothstag.wpengine.com/my-account/ If you go to any other page they appear fine. Is there something I could do to override whatever woo commerce is doing in the header. Some kind of hook?

[Leo]

Hi Craig,

I’m not seeing anything obvious here but I don’t believe it’s a theme issue at all.

How are you loading FA? With the official FA plugin?
https://wordpress.org/plugins/font-awesome/

[Craig]

It’s definitely not a theme issue. It has to do with the Woo Commerce Customize my Account plugin. If you go to https://mammothstag.wpengine.com/my-account/ youll see a ! that turns into a ? samething on the footer of this page. It only happens on this page. If you go to here: https://mammothstag.wpengine.com/ the icons appear fine. I am using the offical font awesome plugin. I was hoping there was a way to override what this plugin is doing to my header and footer on these pages. Thought maybe you guys might have a solution.

[Leo]

I was hoping there was a way to override what this plugin is doing to my header and footer on these pages.

I’m not sure unfortunately.

I would recommend checking with the plugin’s support.

[Craig]

I was able to find a soloution, I created a hook for that particular page and added this to the wp_head and fixed the issue. Just in case someone else ever has this issue as well.

<script type=”text/javascript”>
      // Notice how this gets configured before we load Font Awesome
      window.FontAwesomeConfig = { autoReplaceSvg: false }
    </script>
    <script src=”fontawesome.js”></script>
    <script src=”fa-solid.js”></script>

[Craig]

resolved

[Leo]

Thanks for sharing the solution!

[Author]

Posts