Sharing social media icons not showing with new installtion

Sharing social media icons are not showing. It was showing only email icon. After I added font-family css, it show ata-x-icon-b=“FOBC”

I play arounf adding social media icons to the footer, same problem with icons not showing.

I have latest Cornerstone Version 4.2.3 and only one plugin. No plugin conflict.
Please help. Thanks


Added to css.
[data-x-icon], [data-x-icon-o], [data-x-icon-l], [data-x-icon-s], [data-x-icon-b], [data-x-fa-pro-icon], [class*=“cs-fa-”]{
font-family: “FontAwesome” !important;
}
[data-x-icon-b]:before {
content: attr(data-x-icon-b);
}

Hi @gracelinks,

Thanks for reaching out.

There could be a plugin or custom code that affect your sharing social media icons.

I recommend the following troubleshooting procedures before we investigate the settings.

  1. TESTING FOR THEME RELATED ISSUE
  2. TESTING FOR PLUGIN CONFLICT
  3. THEME UPDATE
  4. CHILD THEME
  5. CSS/JS CUSTOMIZATION
  6. VERSION COMPATIBILITY

Hope that helps and let us know how it goes.

Thank you.

I have been working on the theme X and this time, I have more issue than usual. I have only Cornerstone install, I don’t have any custom code. I can’t find out why itis not showing social media icons like the font is not install. What else I need to do?

Hello @gracelinks,

I have logged in to your site and have removed the custom CSS code that you added. This code:

[data-x-icon], [data-x-icon-o], [data-x-icon-l], [data-x-icon-s], [data-x-icon-b], [data-x-fa-pro-icon], [class*="cs-fa-"]{
 font-family:  "FontAwesome" !important;
}
[data-x-icon-b]:before {
    content: attr(data-x-icon-b);
}

I saved the changes and now, the icons were all showing on my end.

Please check your site again. Thanks.

Wired. I added it in because it wasn’t working. Thanks so much for your help.

Hi @gracelinks,

You’re welcome and it’s our pleasure to help you. If you have any other concerns, feel free to reach us.

Thank you.

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