Senses Lite Font Awesome older version? How to fix?

  • Resolved RedBeautyTextiles

    (@redbeautytextiles)


    8 years ago

    I’d like to use the recent Ravelry social font (fa-ravelry) that’s available in Font Awesome 4.7.0.
    I’m fairly familiar with css and html but a complete newbie on WordPress. I am working on starting a blog, redbeautytextilesblog.com.

    I tried referring/adding to them in my child theme directory but when Ravelry did not show I assumed something wasn’t loading correctly. In my child them header.php I added the link tag:
    <link rel="stylesheet" href="css/font-awesome.min.css">

    no go

    I checked my installed senses-lite/css area and found the font-awesome.css and font-awesome.min.css and they were missing the ravelry icon, presumably because they were outdated. I went ahead and overwrote these with the current css files available from Font Awesome.

    I went ahead and edited the parent theme’s header.php too and no go. It’s only one line and I can take it out once I find a solution, right now at least this shows the link.

    I realize there’s some code that is autoloading(?) Font Awesome in the functions.php. I see that it is referencing the css/font-awesome.min.css file that I updated.

    The Facebook and Pinterest icons are showing, but not Ravelry.

    I’ve placed the socials in a text-widget within a right sidebar. Here is the code for the font-awesome icons:

    <ul class="list-group text-center">
<a href="https://www.ravelry.com/people/redbeautytextiles" TARGET="_blank" class="nounderline"><i class="fa fa-2x fa-ravelry" aria-hidden="true"></i></a>
<a href="https://www.pinterest.com/boothkittson/" TARGET="_blank" class="nounderline"><i class="fa fa-2x fa-pinterest" aria-hidden="true"></i></a>
<a href="https://www.facebook.com/redbeautytextiles" TARGET="_blank" class="nounderline"><i class="fa fa-2x fa-facebook" aria-hidden="true"></i></a>
</ul>

    Can someone point me to what I need to fix? I checked the minified font-awesome file and it does show a ravelry icon and it’s the correct code (f2d9).

Viewing 3 replies - 1 through 3 (of 3 total)
  • CrouchingBruin

    (@crouchingbruin)

    Did you update the fonts folder of Senses Lite with the 4.7 FontAwesome files? That is, the FontAwesome files that came with the theme may be an older version. Or, you can create a /fonts folder in your child theme, upload the 4.7 FontAwesome files there, then point to the FontAwesome CSS file in your child theme instead of the one in the parent theme.

    Thread Starter RedBeautyTextiles

    (@redbeautytextiles)

    @crouchingbruin, Yes! That did the trick. Many thanks.

    CrouchingBruin

    (@crouchingbruin)

    Great! Just keep in mind that the next time you update the theme, you many need to copy the files over again, in case the theme author doesn’t update the Font Awesome files to the latest version. That’s why I suggested making a fonts folder in your child theme and pointing the link to the font-awesome.css file in your child theme.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Senses Lite Font Awesome older version? How to fix?’ is closed to new replies.