• Resolved joyryde

    (@joyryde)


    If you look at the footer on our home page we have social sharing buttons that we created with fontawesome. They look and work correct on the home page, but as soon as you go to any of the other 4,000 pages of the website, the white font color vanishes. All you see is the background color. If you inspect the code, the css is there perfectly, but the white font doesn’t appear…any idea why?

    We also noticed that the entire icon is missing (3 of them including background colors) from the Neve theme on the homepage in the sections labeled “ Worry-Free Products”, “FREE Shipping!”, and “Protect Our Planet”

    • This topic was modified 4 years, 3 months ago by joyryde.

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

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hi @joyryde!

    We don’t load FontAwesome in the theme, Elementor loads it and it probably loads it only where Elementor is used. However, it should be possible to make the social icons appear on all pages by following the steps below.

    • Install the OrbitFox plugin
    • Enable the Header/Footer scripts module (documentation)
    • Go to and add your mail there
    • They will provide you an embed code via email (it will look similar to this)
    • Copy the script code
    • Go to Customizer -> Header/Footer scripts and add the code in the Footer field
    • This way, the icons should be properly displayed everywhere.

      I hope this helps!

      Have a nice day!

    Thread Starter joyryde

    (@joyryde)

    Hi Lucia,

    Your theme is what makes the icons that are all missing now…you can see in this screenshot that they don’t load:

    https://www.awesomescreenshot.com/image/23050412?key=efb309bff448071a2909813fbbf1d14f

    According to your CSS code, you’re using Font Awesome, and it’s not working:

    <p id=”wp-block-themeisle-blocks-font-awesome-icons-bc6879e6″ class=”wp-block-themeisle-blocks-font-awesome-icons”> </p>

    And per my original post, the same icons that are in our footer, that we got from your plugin, stopped working on all pages EXCEPT the home page:

    https://www.awesomescreenshot.com/image/23050494?key=f8736d158d2d384fc2eae297b508b5c3

    Thread Starter joyryde

    (@joyryde)

    We switched to your new skin for this website and it didn’t resolve the issue…the icons are still missing from the home page, and the social icons show ONLY on the home page and nowhere else.

    Thread Starter joyryde

    (@joyryde)

    We were able to trace the home page icon issue to the WordPress classic editor, once you switch to block editor, they reappear, but this does not fix the footer icons, which are the same type of css icons.

    Hi @joyryde!

    Please follow the steps provided above. The icons from the footer should be properly displayed on all pages after that. Just a quick addition to those steps, as I saw the link from the third step wasn’t added, this is the page where you should add your email.

    Have a nice day!

    Thread Starter joyryde

    (@joyryde)

    I guess I don’t understand why we are adding another plugin when the social icons worked just fine for the last 12 months until they vanished for no reason. Additionally, looking at the CSS, they are EXACTLY as every other website has them, where they display just fine.

    Additionally, our social icons work PERFECTLY NORMALLY on the home page…but NOWHERE ELSE on the website…so we don’t need another plugin to fix this.

    Look:

    https://www.awesomescreenshot.com/image/23629772?key=c5878c577b3666a5f871ca2020934d7a

    • This reply was modified 4 years, 3 months ago by joyryde.
    Thread Starter joyryde

    (@joyryde)

    We know that you definitely load font awesome in your code, it’s everywhere like this:

    #wp-block-themeisle-blocks-advanced-columns-cbb7d63f

    It appears to us that your theme uses a mandatory plugin called Otter, created by you, that loads it, but it ONLY loads it on the home page and it fails to load everywhere else.

    • This reply was modified 4 years, 3 months ago by joyryde.
    • This reply was modified 4 years, 3 months ago by joyryde.
    Mat

    (@mateithemeisle)

    Hello @joyryde ,

    Thank you for reaching out again and apologies for the delayed reply!

    I took a look at your website and I’m trying to find the icons that are not loading. I searched the 3 icons on the homepage that load for me correctly (screenshot) and then I navigated through the website to see if the social icons in the footer have any problems but they all display the same for me. (homepage, newest products, news).

    Are you still encountering the issue?

    Thank you and we’ll await your answer!

    Thread Starter joyryde

    (@joyryde)

    Hi Matt,

    We couldn’t wait any longer so we posted it to one of your other plugins’ support pages and they provided a workaround because your theme isn’t working properly:

    https://ww.wp.xz.cn/support/topic/font-awesome-doesnt-load-anywhere-except-the-home-page/

    That workaround fixed the issue until the theme can be fixed so that font awesome loads properly sitewide.

    Thanks!

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘CSS Not working in Footer?’ is closed to new replies.