Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #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,
    Keith

    #310046

    Same issue. Following.

    #310067

    Just 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

    #310109

    Hey!

    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!
    Yigit

    #313064

    I 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&#8221; 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&#8221; > <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,
    Keith

    #313357

    Hi!

    Have you migrated your database? If so, please see – https://kriesi.at/support/topic/iconbox-icons-not-displaying-correctly/#post-312922

    Regards,
    Yigit

    #351451
    This reply has been marked as private.
    #351464
    This reply has been marked as private.
    #351711

    Hi!

    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,
    Ismael

    #351718
    This reply has been marked as private.
    #352114

    Hi 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,
    Josue

    #352242
    This reply has been marked as private.
    #352253

    Hi!

    It works but i only see an empty folder.

    Regards,
    Josue

    #352255
    This reply has been marked as private.
    #352261

    Hi!

    It’s done, please review your site.

    Regards,
    Josue

    #352267
    This reply has been marked as private.
    #352290

    Hey 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,
    Josue

    #352629
    This reply has been marked as private.
    #352672

    Hey Keith!

    No, the problem was that the font couldn’t be served from a different “origin” (your site uses http://www.localcrew&#8230; while the font-face inclusion is using http://localcrew&#8230;).

    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

Viewing 19 posts - 1 through 19 (of 19 total)
  • You must be logged in to reply to this topic.