Can the icons in the Top Bar be Font Awesome Light version?

[core365]

Hi, I’m working on a site and I’ve used the light version of the Font Awesome icons for the buttons and I’d like the icons in the top bar to match, but I can only seem to get the regular/solid version to show and I can’t figure out how to change it to the light version! I hope you can help please!

I’ll put the UTL in a secure note as I’ve got a construction page up so I’ll give you the password to use too.

Thanks!

[friech]

Hi @core365,

Thank you for writing in, please follow the same method provided here.

The data-x-icon- you need to use is data-x-icon-o for outline.

As of Font Awesome version 5 they split icons into multiple fonts. This can be fixed by changing instances of the data-x-icon attribute to one of the following:

data-x-icon-b for social icons.
data-x-icon-o for outline icons.
data-x-icon-s for solid icons.

Hope this helps,
Cheers!

[core365]

Hi @friech,

Excellent! That’s spot on, thank you!

I appreciate the help and info, it’s useful to know what the different options are!

Thanks!

[marc_a]

@core365,

It’s our pleasure to help you.

Thank you.