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,
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.