icons displaying correctly in Safari but appear as boxes in Chrome and Firefox?

Home › Forums › Jevelin Theme › icons displaying correctly in Safari but appear as boxes in Chrome and Firefox?

Home › Forums › Jevelin Theme › icons displaying correctly in Safari but appear as boxes in Chrome and Firefox?

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    NOT RESOLVED Posts

  • wiggzaro
    Participant

    Hi

     

    I have a problem with the icons displaying correctly. In chrome and safari they appear as boxes.

     

    How do we sort this out?

    I am running OSX 10.11

     

    below I have attached screen shots of the social media icons on all three browsers,  it seems to do the same on all the icons.

    Any ideas?

     

    Cheers

    Wiggz

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Hi Wiggz,

     

    I hope you are well today and thank you for your question.

     

    It seems this is happening because different domain URLs used on your site which is causing the error as shown in the attached screenshot.

     

    To make the icons work please resolve this issue.

     

    Best regards,
    Shufflehound team

    Attachments:
    You must be logged in to view attached files.

    wiggzaro
    Participant

    Hi

    Thanks for your quick reply. How would I resolve that? Is that something I need to bring up with my hosting company?

     

    Many thanks, Wiggz

    wiggzaro
    Participant

    Also, why would it work OK in Safari but not in Chrome or Firefox?

    Shufflehound Support
    Moderator

    Thanks for your quick reply. How would I resolve that? Is that something I need to bring up with my hosting company?

    In order to fix an issue for your site, just put below into your site .htaccess file.

    
<IfModule mod_headers.c>
  <FilesMatch "\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$">
    Header set Access-Control-Allow-Origin "*"
  </FilesMatch>
</IfModule>

    Then do the following.

    1. Go to Dashboard->Settings->General – Update the URL fields to end in a / and then Save Changes.
    2. Go to Dashboard->Settings->Permalinks – Don’t change any settings, just hit the Save Changes button.

    Also, why would it work OK in Safari but not in Chrome or Firefox?

    Because some browsers allow it and some not.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)