-
AuthorPosts
-
August 27, 2014 at 7:38 pm #310028
I recently noticed content element icons I have used in my Enfold themed sites are not displayed correctly in Firefox or Internet Explorer. They are loading perfectly fine in Chrome and Safari. I am using the latest versions of WP, Enfold and all browsers. Any suggestions on why and how to fix this are greatly appreciated.
Best,
KeithAugust 27, 2014 at 8:40 pm #310046Same issue. Following.
August 27, 2014 at 9:45 pm #310067Just discovered the this issue with icons not loading has now also appeared using Chrome after updating Enfold to version 2.9.2 this morning. The only browser that is still displaying Enfold content element icons is Safari. See private link to my site posted on this thread for reference.
Keith
August 27, 2014 at 11:46 pm #310109Hey!
Please refer to fix under “Fonts not loading in Firefox or IE9” here – http://www.fontsquirrel.com/blog/2010/11/troubleshooting-font-face-problems
Cheers!
YigitSeptember 3, 2014 at 6:48 pm #313064I have looked over the info at the above link and tried the only suggestion that appeared to apply “Fonts not loading in Firefox or IE9″ but that .htaccess code addition broke my WP site so I removed it.
The issue I’m having is with the icons that are included in Enfold theme’s content elements are not displaying correctly in Firefox, IE and now even Chrome.
I assumed those icons are installed on my server along with the Enfold theme but maybe that assumption is incorrect. The placeholders shown in the browser where the icons should display have numbers like E82B, E8RR, E835, etc. in Firefox, some type of Asian symbols or nothing in IE and as of the 2.9.2 Enfold update there’s Asian symbols or rectangle placeholders in Chrome. Safari displays the page as designed.
How can I trace the server location path of Enfold content element icons to see if the images reside on my server or a remote server? If they are on a remote server this may be browser security features blocking the icons.Firefox reports the browser element code as followis but displays a placeholder:
<article class=”iconbox iconbox_left avia-builder-el-4 avia-builder-el-no-sibling ” itemtype=”https://schema.org/CreativeWork” itemscope=”itemscope”>
<div class=”iconbox_content”>
<header class=”entry-content-header”>
<div class=”iconbox_icon heading-color” data-av_iconfont=”entypo-fontello” data-av_icon=”” aria-hidden=”true”></div>
<h3 class=”iconbox_content_title” itemprop=”headline”>A One Stop Shop!</h3>Safari reports the element code the same way but displays the icon correctly:
<article class=”iconbox iconbox_left avia-builder-el-6 avia-builder-el-no-sibling ” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork” > <div class=”iconbox_content”> <header class=”entry-content-header”> <div class=”iconbox_icon heading-color” aria-hidden=’true’ data-av_icon=’’ data-av_iconfont=’entypo-fontello’></div> <h3 class=’iconbox_content_title’ itemprop=”headline” >What’s in it for you?</h3>I’ve posted my URL privately in this thread but can post it again if necessary. I would really appreciate any help getting to the bottom of this problem. I love Enfold but I’m growing weary of this problem and need to resolve it one way or another.
Thanks,
KeithSeptember 4, 2014 at 1:12 pm #313357Hi!
Have you migrated your database? If so, please see – https://kriesi.at/support/topic/iconbox-icons-not-displaying-correctly/#post-312922
Regards,
YigitNovember 14, 2014 at 7:23 pm #351451This reply has been marked as private.November 14, 2014 at 7:34 pm #351464This reply has been marked as private.November 15, 2014 at 7:23 am #351711Hi!
Thank you for the info.
Please post the login details here and set it as a private reply. We would like to modify the .htaccess file using the Yoast SEO plugin. If possible, please create a backup of the actual .htaccess file located on the root directory, just in case.
Best regards,
IsmaelNovember 15, 2014 at 7:37 am #351718This reply has been marked as private.November 16, 2014 at 7:23 pm #352114Hi Keith,
.htaccess is not writable from the Dashboard, can you please create us a temporary FTP account? post it here as a private reply.
Regards,
JosueNovember 17, 2014 at 2:25 am #352242This reply has been marked as private.November 17, 2014 at 3:35 am #352253Hi!
It works but i only see an empty folder.
Regards,
JosueNovember 17, 2014 at 4:03 am #352255This reply has been marked as private.November 17, 2014 at 4:35 am #352261Hi!
It’s done, please review your site.
Regards,
JosueNovember 17, 2014 at 5:07 am #352267This reply has been marked as private.November 17, 2014 at 8:27 am #352290Hey Keith!
I just put this piece of code at the very start of your .htaccess file:
<FilesMatch "\.(ttf|otf|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch>
Regards,
JosueNovember 17, 2014 at 7:15 pm #352629This reply has been marked as private.November 17, 2014 at 8:35 pm #352672Hey Keith!
No, the problem was that the font couldn’t be served from a different “origin” (your site uses http://www.localcrew… while the font-face inclusion is using http://localcrew…).
That piece of code enables “CORS” (cross-origin resource sharing) here’s more info on that:
http://en.wikipedia.org/wiki/Cross-origin_resource_sharing
http://enable-cors.org/I had to lift up the permissions of the .htaccess file to do this change, you can now lock it down again.
Cheers!
Josue -
AuthorPosts
- You must be logged in to reply to this topic.