jaebe.blogg.se

You will see an error message similar to the following.Ĭross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at Look into the Console of developer tools such as Firebug for Firefox.Your Social icons will only show up as squares in Firefox browser and Chrome browser. View your website in Safari browser, you will be able to see your Social icons showing up properly.There is two way to determine whether this is cause by CORS. This will result in icons showing up as squares. This will result in Cross Origin Resource Sharing and browsers such as Firefox and Chrome will block your icon font files and prevent them from loading into your browser. Your icon font files could be loaded from a URL that has a different domain name structure than your website URL. Find and check the option Load Font Awesome resources.Go to Appearance -> Customize -> Advanced options -> Front end icons ( Font Awesome ).You may have accidentally unchecked the Font Awesome icon setting and prevented the Theme from loading the necessary icon font files. You will need to contact your web hosting company, if you are not sure if there is any server cache on your web hosting package. If your web hosting company has a server cache, you will need to clear it in order for your content to be updated on front end.You will need to clear it's cache content in order for the front end content to be updated. If you are using a cache plugin such as W3 Total Cache or WP Super Cache plugin.The following are the troubleshooting procedures. When you view your website, you found that the social icons in header and footer are showing up as squares instead of the respective icons.