It seems as if Font Awesome has changed its CSS codes, all our social media icons don't show any more. Instead, we see an alternating question- and exclamation mark. Probably indicating that the associated icon could not be found. Further investigation showed that they changed their CSS class names from something like "fa fa-facebook" to "fab fa-facebook-f", for example. We have the latest version of the theme installed.
Actually, it should not affect the Font Awesome icons in the theme because we have included its font files (and its CSS) right into the "/fonts" folder of the theme, and those are the direct source of the social media icons.
Don't be confused, I patched the CSS classes in theme-functions.php:653, for example, just as a quick fix.
What I found odd was the fact that the actual "<i ...>" got commented out and replaced by "<svg>" elements.
Actually, yes, I wrote an own simple plugin that adds a short-code called "ce-social" that allows the individual photographers to add their own social media icons to the top of their portfolio page. Maybe this is causing the problem? But at the end of the day, this plugin simply adds the same "<i>" items.
As I checked the source code of your site, I found that there currently is another CSS file of Font Awesome loaded. It seems to belong to a plugin called "task-manager". Please see this screenshot: https://cl.ly/rbr8
Could you check if you can disable only that module in the plugin settings? I think it should help.
It seems as if Font Awesome has changed its CSS codes, all our social media icons don't show any more. Instead, we see an alternating question- and exclamation mark. Probably indicating that the associated icon could not be found. Further investigation showed that they changed their CSS class names from something like "fa fa-facebook" to "fab fa-facebook-f", for example. We have the latest version of the theme installed.
Hi!
Actually, it should not affect the Font Awesome icons in the theme because we have included its font files (and its CSS) right into the "/fonts" folder of the theme, and those are the direct source of the social media icons.
The icons are still displaying fine here on my end, also on the demo site: http://themes.uxbarn.com/wp/finnik/
Just wondering are you using some kind of plugins that directly link to the CDN of the Font Awesome? Could you please also send me the site URL?
Regards,
Paul
Hi Paul!
Thanks for your quick response, I really appreciate it!
First of all, here's the URL to our site:
https://www.collateraleyes.com/
Don't be confused, I patched the CSS classes in theme-functions.php:653, for example, just as a quick fix.
What I found odd was the fact that the actual "<i ...>" got commented out and replaced by "<svg>" elements.
Actually, yes, I wrote an own simple plugin that adds a short-code called "ce-social" that allows the individual photographers to add their own social media icons to the top of their portfolio page. Maybe this is causing the problem? But at the end of the day, this plugin simply adds the same "<i>" items.
Regards,
Frank
Thanks for the detailed information, Frank.
As I checked the source code of your site, I found that there currently is another CSS file of Font Awesome loaded. It seems to belong to a plugin called "task-manager". Please see this screenshot: https://cl.ly/rbr8
Could you check if you can disable only that module in the plugin settings? I think it should help.