• Resolved JPecsenyicki

    (@jpecsenyicki)


    Someone I’m working with is using Elementor with a WooCommerce site. Unfortunately, none of the Font Awesome icons are displaying.

    I have tried the “Better Font Awesome”, “Font Awesome”, and “WP Font Awesome” plugins, but none solve the problem. I’ve also tried toggling themes between Storefront and the OceanWP, but this changes nothing.

    Is there some code I could add to the FUNCTIONS.PHP file which would fix this? Or is there a simpler solution?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter JPecsenyicki

    (@jpecsenyicki)

    Upon further investigation, it looks like the other fellow is trying to use Simple Line Icons. So that’s what’s not loading correctly.

    (I’ve managed to display a magnifying glass on the homepage, using Font Awesome.)

    Thread Starter JPecsenyicki

    (@jpecsenyicki)

    I fixed this by:

    1. Downloading the developer’s fonts for Simple Line Icons
    2. Uploading these fonts into a new “fonts” folder in the root directory
    3. Using @font-face in the stylesheet in the child theme to load the fonts. (With CSS adapted from the developer.)

    I’ve also turned off OceanWP’s loading of Simple Line Icons so that my child theme rules take precedence (Theme Panel > Scripts & Styles > Simple Line Icons set to “Disable”. Then “Save Changes” at the bottom of the page).

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