-
AuthorPosts
-
January 9, 2020 at 7:54 am #1171703
Hi, my icons are displaying as boxes in Chrome. I tested it out in Safari and they display fine. I’ve tried the following actions with no success:
1. Enable cors per https://kriesi.at/documentation/enfold/icon/#icons-are-showing-as-rectangular-boxes-
2. Disabling all plugins
3. Clearing cache
4. View site in an incognito windowPlease let me know how I can get this resolved. Thank you.
January 9, 2020 at 10:09 am #1171734Hey sjahan,
What code did you add exactly and in which file? The problem files are being served from a different domain, please see private.
Best regards,
RikardJanuary 9, 2020 at 10:24 am #1171736Hi Rikard,
I added the following to the .htaccess file
<FilesMatch ".(ttf|otf|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch>
January 9, 2020 at 5:36 pm #1171884January 11, 2020 at 12:32 pm #1172370Hello, same issue here. Did you find a solution ?
I already make the same test as SJAHANBes regards
RogerJanuary 11, 2020 at 3:39 pm #1172391Here is a solution that’s working for me:
https://kriesi.at/support/topic/missing-icons-after-updating-to-wordpress-5-3-1-and-maintenance-releases/January 12, 2020 at 6:29 am #1172491Hi Roger,
Great, I’m glad that you found a solution and thanks for sharing.
Best regards,
RikardJanuary 13, 2020 at 7:34 am #1172678Thank you Roger.
Hi Rikard, I tried Roger’s suggestion, but it did not work on my end. Can you login and take a look? Thank you.
January 13, 2020 at 12:37 pm #1172732Hi,
Could you please post FTP logins here privately as well so we can look into it?
And if there is some sort of server side caching, please flush it as well.Best regards,
YigitJanuary 13, 2020 at 6:03 pm #1172889Here you go
January 14, 2020 at 9:08 am #1173121Hi sjahan,
Thanks for that. I see that you are running an old version of the theme, could you try to update to the latest version (4.7.1) to see if that helps please? The update to 4.7.x has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or use a plugin to upload the theme zip file: https://wordpress.org/plugins/update-theme-and-plugins-from-zip-file/
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
After you have updated then try to activate the Classic Editor in the main page of the theme options.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/
Best regards,
RikardJanuary 14, 2020 at 10:03 am #1173160Hi Rikard,
I just updated my theme file to 4.7.1 via FTP and am still having the same issue… Can you take a look?
January 14, 2020 at 1:19 pm #1173300Hi,
Could you please try to disable CDN, flush cache and re-enable it? It seems like changes made in .htaccess file are not taking affect at the moment.
Best regards,
YigitJanuary 14, 2020 at 8:48 pm #1173620Hi Yigit,
I don’t believe I have CDN. I did flush the website cache and didn’t see a change.
January 14, 2020 at 9:14 pm #1173633Hi,
Since your icons are served from the link i attached in private content field below, i think CDN is enabled.
Could you please check if there is such setting to turn it off in your GoDaddy user panel? If you contact GoDaddy support team, i am sure they would also be happy to assist :)
Best regards,
YigitJanuary 15, 2020 at 5:06 am #1173778Hi Yigit, I just spoke to GoDaddy and they disabled the CDN – cleared the cache – re-eneabled the CDN. But it’s still not working…
January 15, 2020 at 12:36 pm #1173934Hi,
Thank you for the update.
It seems to be a server configuration issue as Yigit pointed out. We found these errors in the console, which is related to CORS config.
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://secureservercdn.net/191.71.222.204/9f4.a16.myftpuploa…lder/avia-template-builder/assets/fonts/entypo-fontello.woff. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://secureservercdn.net/191.71.222.204/9f4.a16.myftpuploa…lder/avia-template-builder/assets/fonts/entypo-fontello.woff. (Reason: CORS request did not succeed).
Try to add this snippet in the site’s .htaccess file.
<FilesMatch ".(ttf|otf|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch>
// https://kriesi.at/documentation/enfold/icon/#icons-are-showing-as-rectangular-boxes-
Best regards,
IsmaelJanuary 16, 2020 at 9:57 am #1174809Hi Ismael,
I added that to the end of the .htaccess file and it didn’t affect anything. I also did flush the cache and viewed the page in incognito mode. But I was able to figure it out. I downgraded the PHP version from 7.2 to 7.0 and the arrows are back! Thank you guys for looking into it. When do you think the theme will be ready to work with PHP 7.2?
January 16, 2020 at 1:57 pm #1174945Hi,
Actually Enfold 4.7.1 is compatible with PHP versions up to 7.4.1.
Just to check, could you please try setting PHP version back to 7.2 and check if icons show up?
Best regards,
YigitJanuary 17, 2020 at 12:34 am #1175219Hi Yigit,
You’re correct, it does work with PHP 7.3 (that’s the latest version that GoDaddy offers). It looks like the CDN was the issue. I had also disabled that when I downgraded the PHP. I’ve now upgraded to PHP 7.3 and disabled the CDN and everything is working fine. Thank you.
Shab
January 17, 2020 at 3:53 pm #1175508 -
AuthorPosts
- The topic ‘Icons Not Showing Up in Chrome’ is closed to new replies.