Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #1526796
Font Awesome icons stop working
Closed

Comments

  • upsiforget started the conversation

    I have tried updating font awesome to the latest version using the font awesome CDN so that I can use the latest icons.

    I added the following code into the header.php

    <script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>

    The new code enabled the new icons to show however all the font awesome icons within the Soledad theme just reverted to a flashing box with a question mark like the social media icons etc.

    Can you please advise how I can use the latest version of font awesome and still show the existing icons? I also tried uploading the font awesome javascript file then calling it from header.php but had the exact same result.

    Thanks,

    Upi

  •  2,700
    PenciDesign replied

    Hi,

    You're using wrong codes.

    Please use this code and add it to Customize > Logo and Header Options > Add the code inside <head> tag:

    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.9/css/all.css" integrity="sha384-5SOiIsAziJl6AWe0HWRKTXlfcSHKmYV4RBF18PPJ173Kzn7jzMyFuTtk8JA7QQG1" crossorigin="anonymous">


    Best Regards,

    PenciDesign

  • upsiforget replied

    Hi,

    Added your code as you instructed but it still breaks the existing icons..  please see attachment.

    Thanks,

    Upi



  •  2,700
    PenciDesign replied

    Hi,

    Ah, I just see that FontAwesome5 has changed a lot of classes for icons. So, it doesn't work is normal.

    Please use FontAwesome version 4.7 for now. We will consider to add more this feature in the future updates.


    Best Regards,

    PenciDesign