Icons not loading

  • Resolved upandrunningdesign

    (@upandrunningdesign)


    9 years, 1 month ago

    I’m using Font Awesome icons and the Divi theme (Both up to date).

    I placed the link in the header (I’ve tried both in the child theme header.php file and theme options and the code appears in the header on both when I inspect).
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

    and placed the following code where I wanted the icon to appear
    <i class="fa fa-envelope"></i>

    but all I get is an “x”.

    I’ve used Font Awesome on other sites with Divi and they all seem to be working. Is there an option that I have selected or is there something else that I could do to trouble shoot?

    Also with I’m logged in the and view the front-end the icons in the admin bar are broken as well, I’m assuming it is the same issue.

    The site is https://jasmine.supportedns.com/~laughsun/

    Thanks in advance for any and all help.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Jason King

    (@jasoncharlesstuartking)

    Look at line 69 of your source code – do you have a plugin called EventOn installed that loads an older version of Font Awesome?

    <link rel='stylesheet' id='evo_font_icons-css' href='https://jasmine.supportedns.com/~laughsun/wp-content/plugins/eventON/assets/fonts/font-awesome.css?ver=4.3.1' type='text/css' media='all' />

    Not sure whether they clash, but it’s certainly redundant.

    By the way, love the website and the video background looks great. But you might want to tighten up the responsiveness, on my laptop the icons were out of view until I zoomed out.

    Thread Starter upandrunningdesign

    (@upandrunningdesign)

    Thanks, I’m glad you liked it. Still a work in progress trying to figure out video backgrounds.

    I disabled the plugin and the issue is still there.

    Jason King

    (@jasoncharlesstuartking)

    The video is really well filmed but looks slightly choppy – perhaps slightly reduce its filesize?

    Thread Starter upandrunningdesign

    (@upandrunningdesign)

    The choppy is do to loading. We are looking for a to fix that. Thanks

    I disabled all the plugins and enabled them one by one. It’s somewhere in my custom css plugin. It might be the font size like you said. I’ll let you know thanks.

    Thread Starter upandrunningdesign

    (@upandrunningdesign)

    It was the font choice
    font-family: 'Dosis', Helvetica, Arial, Lucida, sans-serif ;

    It’s fixed. Thanks for your help!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Icons not loading’ is closed to new replies.