In a previous post, W3 Total Cache Garbled My Simple Social Icons, I explained how to prevent your icons from being garbled by adding the Simple Social Icons style sheet to the list of style sheets that never get minified.
This image on the left is the result after upgrading the Simple Social Icons plugin to the latest version. This issue was caused because Simple Social Icons now uses scalable vector graphics (SVGs) instead of web fonts for better accessibility and legibility and the W3 Total Cache plugin did not upload the new SVG files to my CDN. No worries, it can be done manually.
To correct the problem so that the Simple Social Icons render correctly with W3 Total Cache follow these steps:
- Login to your WordPress Admin panel.
- Mouse over the Performance menu item and select CDN.
Look for the Purge button as pictured to the left and tap/click it.- Enter the path and object names for all the SVG files associated with the Simple Social Icons plugin. You can see my list below.
- Press the Purge button. The files on your CDN will be deleted and refreshed with the files from your server.
- Refresh the page and you should see the icons rendered properly.
wp-content/plugins/simple-social-icons/icons/SVG/behance.svg wp-content/plugins/simple-social-icons/icons/SVG/bloglovin.svg wp-content/plugins/simple-social-icons/icons/SVG/dribbble.svg wp-content/plugins/simple-social-icons/icons/SVG/email.svg wp-content/plugins/simple-social-icons/icons/SVG/facebook.svg wp-content/plugins/simple-social-icons/icons/SVG/flickr.svg wp-content/plugins/simple-social-icons/icons/SVG/github.svg wp-content/plugins/simple-social-icons/icons/SVG/gplus.svg wp-content/plugins/simple-social-icons/icons/SVG/instagram.svg wp-content/plugins/simple-social-icons/icons/SVG/linkedin.svg wp-content/plugins/simple-social-icons/icons/SVG/medium.svg wp-content/plugins/simple-social-icons/icons/SVG/periscope.svg wp-content/plugins/simple-social-icons/icons/SVG/phone.svg wp-content/plugins/simple-social-icons/icons/SVG/pinterest.svg wp-content/plugins/simple-social-icons/icons/SVG/rss.svg wp-content/plugins/simple-social-icons/icons/SVG/snapchat.svg wp-content/plugins/simple-social-icons/icons/SVG/stumbleupon.svg wp-content/plugins/simple-social-icons/icons/SVG/tumblr.svg wp-content/plugins/simple-social-icons/icons/SVG/twitter.svg wp-content/plugins/simple-social-icons/icons/SVG/vimeo.svg wp-content/plugins/simple-social-icons/icons/SVG/xing.svg wp-content/plugins/simple-social-icons/icons/SVG/youtube.svg
What do you think?