Theme update causes social icons to go

Support
#1

Hi Themeco,

I’ve just updated my theme and the header bar social icons have gone/gone square > honestyforyourskin.co.uk/skincare-blog

I’ve cleared the cache with no change.

Can you help?

Thanks,

Cheryl

#2

Hi Cheryl,

Thanks for writing in! I see that you have updated X theme, but you’re still using an older version of Cornerstone plugin. Could you please delete your Cornerstone plugin through your plugins section. Then head over to X -> Validation section and wait for few seconds to automatically install the latest version of Cornerstone.

Then you can purge your server cache, clear your browser cache and test your site.

Hope that helps.

#3

I’ve just followed your guide but the icons still haven’t changed. In fact when i delete cornerstone, it actually reinstalls itself without me doing anything.

I’ve also purged the SG cache.

Can you help?

#4

Hi Cheryl,

I see you have manually set those icons. You need to change data-x-icon to data-x-icon-b to resolve the issue.

As of Font Awesome version 5.x, 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.

The original attribute data-x-icon will still work for solid icons as a fallback but we’ve updated everything for consistency.

Hope that helps.

#5

Thankyou so much - it works. Perfect.

#6

You’re most welcome!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.