Font Awesome icons issue

  • Resolved shamusalley

    (@shamusalley)


    2 years, 1 month ago

    Hello,
    We have Font Awesome set up on our site to display brand icons in the footer. They appear fine on all pages EXCEPT the page that utilizes the Blog Filter plugin. On this page, the icons in the footer appear wonky (YouTube doesn’t appear at all and LinkedIn displays a different icon than the “square” that is specified).

    is there a way to remedy this so the icons appear the same throughout the site?
    Thanks!

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author A WP Life

    (@awordpresslife)

    Hi @shamusalley,

    Thanks for contacting us.

    Please use the below custom CSS – 

    .fa-youtube-square:before {
    content: "\f431" !important;
}

    Please try and let us know.

    Thanks

    Thread Starter shamusalley

    (@shamusalley)

    This didn’t work.
    The footer.php file is calling the icons by adding them this way:

    <i class=”fab fa-youtube-square”></i>

    But it is not showing up on the one page using the Blog Filter plugin. So the icons are not being called by css.

    Plugin Author A WP Life

    (@awordpresslife)

    Hi @shamusalley,

    I think you have change icon html from <i class=”fab fa-youtube-square”></i> to <i class=”fa-youtube-square”></i> , see the screenshot – https://prnt.sc/0QEQPNrddXUB

    That’s why my custom CSS is not working.
    Thanks

    Thread Starter shamusalley

    (@shamusalley)

    This still doesn’t work.
    When I add the code as you describe (with no fab before the class… a blank icon (box) appears where the icon should be.

    <i class=”fa-youtube-square”></i>

    Plugin Author A WP Life

    (@awordpresslife)

    Hi @shamusalley,

    Please remove all the modifications you have added and the custom CSS also.

    Please contact our official site – https://awplife.com/contact/

    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Font Awesome icons issue’ is closed to new replies.