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
  • 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.

    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?

    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.

Viewing 5 posts - 1 through 5 (of 5 total)

Popular choice

Professional Developers At Your Fingertips!

If you need services beyond standard support, we've got your back!

Services we offer:

Demo setup
Advanced customization
Layout adjustment
Graphic work / visualizations
Custom coding
Full WordPress development and design

Services

What we can offer

  • Demo setup +

    If you'd prefer not to handle the installation yourself or need help getting started, we'll set everything up for you.

  • Layout adjustment +

    We'll help you rearrange sections, adjust spacing, and modify the page structure to fit your needs.

  • Advanced customization +

    More complex styling changes, theme option modifications, and third-party integrations.

  • Custom coding +

    If you need something that's not included in the theme, we can code it for you.

  • Graphic work / visualizations +

    Web design services to create custom sections, pages, and blocks for your theme, plus graphics and visualizations.

  • Full WordPress development and design +

    Full website builds, custom theme development, or plugin creation from scratch.

  • About pricing +

    We'll provide a clear quote based on what you need. No hidden fees.

Professional Developers At Your Fingertips!

Custom Work Form