Social icons are no longer sharp after latest X update

[COK]

the latest update made it so the social icons in my nav menu no longer worked (turned them into blank / square boxes). i found another thread where you suggested adding “-b” to the shortcode i.e.

<i class="x-icon x-icon-facebook" data-x-icon-b=""></i>

instead of:

<i class="x-icon x-icon-facebook" data-x-icon=""></i>

this sort of worked, except now the icons do not look sharp, instead they look fuzzy:

why is this?

site: https://tinyurl.com/yd3knpxv

[friech]

Hi COK,

Thank you for writing in and sorry that the icons now look bolder.

To clarify, this is not an issue with the theme. As you can see here, the latest FontAwesome 5 only provides the Solid (thickest) icon version as Free, the Regular and Light version are part of the FontAwesome 5 PRO, which requires a license from FontAwesome to used.

Don’t buy a FontAwesome 5 PRO license yet, we don’t have an option to integrate that easily

Since you have a revolution slider in there that provides the older FontAwesome, I think you can fix that with this:

.x-navbar .desktop .x-nav>li i {
	font-weight: 300;
}

Add this to Theme Options > CSS

Cheers!

[COK]

“the latest FontAwesome 5 only provides the Solid (thickest) icon version as Free, the Regular and Light version are part of the FontAwesome 5 PRO”

interesting approach by FA to gain new customers haha.

your code worked… will have to remember to never remove Revslider from the site

.x-navbar .desktop .x-nav>li i {
	font-weight: 300;
}

thanks

[nabeel]

We’re glad the code worked.

Cheers!