After update some icons are missing

Support
#1

We updated x theme and cornerstone to the newest versions and some icons are now not showing anymore. I searched some threads but can’t find a solution because most of the threads are recommending to update… we already did that.

e.g. the icons in the topbar next to “Mein Konto” but there are others on the site, too.

#2

Hi Alexander,

Thanks for writing in! 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.

If you have added your icons manually, you need to change data-x-icon to data-x-icon-b for example, to make it compatible with the latest release.

If you’re using a caching plugin, make sure to purge your server cache after updating. Please refer to the following article on how to clear full cache (https://www.wpbeginner.com/beginners-guide/how-to-clear-your-cache-in-wordpress/).

Hope that helps.
Thanks!

#3

Hey.

Our Top Bar Icon is not working. User- Icon & Sign In-Icon both are not working. web: https://cp-leather.com

Please help us.

Best regards
MD

#4

Thanks for your answer.
We used this e.g.

<i class="x-icon x-icon-user" style="margin-right:5px;"></i>

I can’t see data-x-icon here, so what should I change?

#5

Hi @asif9,

Please change the icon codes to the following:

For the user icon: <i class="x-icon x-icon-user" data-x-icon-s="" aria-hidden="true"></i>
For the sign in icon: <i class="x-icon x-icon-sign-in" data-x-icon-s="" aria-hidden="true"></i>

@TrendRaider, please update the user icons that I suggested with @asif9.

Hope this helps.

1 Like
#7

Only seeing a square thing here.

#8

Hey Alex,

Please watch the tutorial below to understand what to put in the data-x-icon attribute.

Also watch the video below for additional context.

Thanks.

#10

Thanks, got it working. The videos are very helpful!

#11

Glad to hear that. :slight_smile:

#12

AWESOME !! PRIMA !! TOLL

Working ,. Thanks alot for your support.

Best regards

#13

You’re most welcome!

#14

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