Icons not Displaying

Hello,

Icons aren’t showing on the website. For example social media icons at the bottom footer, tick boxes on various pages.

I have looked through other support forms and tried the solutions but havent had any success.

Please can you help

Hello Chris,

Thanks for writing in!

Upon clicking the website under X > Theme Options > CSS you have added old font awesome codes. X Theme now uses Font Awesome version 6. When I removed the CSS from Theme Options CSS editor icons where showing up fine.

Please take a look at following resource and scroll down to Why are some of my icons are appearing as an empty square? on instructions to fix the icon issue:

Thanks.

Thanks for the info. I was able to find instances of the solid icons in the CSS, but not the social icons.

Where can I find those?

I added in the following code and it seems to work now:

[data-x-icon-s]:before, [class*="x-icon-"]:before {
    content: attr(data-x-icon-s), .data-x-icon-b;
    line-height: 2.5;

Hi @chris_smith1,

It should work even without that custom CSS. That CSS is not working and it has syntax error. See this: https://screencast-o-matic.com/watch/cqiFQXOTxk
Please try to remove that CSS code.

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