Social icons not working

  • Resolved nicoesteban

    (@nicoesteban)


    6 years, 9 months ago

    Hi, my social icons wont display.

    I’m using code:

    <div class="header-bar-social-icons">
	<a href="https://facebook.com/themegrill/">
		<i class="fa fa-facebook"></i>
	</a>
	<a href="https://twitter.com/themegrill/">
		<i class="fa fa-twitter"></i>
	</a>
	<a href="https://plus.google.com/+ThemeGrillOfficial">
		<i class="fa fa-google-plus"></i>
	</a>
	<a href="https://linkedin.com/themegrill">
		<i class="fa fa-linkedin"></i>
	</a>
</div>

    But still, this is what I get:

    https://subefotos.com/ver/?dfb84f51e002e7d131ead820cc209a92o.png

    Thanks in advanced.

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Ashish – ThemeGrill Support

    (@themegrillteam)

    6 years, 9 months ago

    Hi,
    Since the Elementor has updated font awesome to version 5, you need to change the icon classes. So fa fa-facebook becomes fab fa-facebook-f and so on.

    Please check font awesome website for the class list or inform us here again if you need help on that. 🙂

    Thanks.

    Thread Starter nicoesteban

    (@nicoesteban)

    6 years, 9 months ago

    Hi.

    Thanks for the info provided, I checked and fixed the code to v5

    <div class="header-bar-social-icons">
	<a href="https://www.facebook.com/IAASBuceo/">
	<i class="fab fa-facebook-square"></i>
	</a>
	<a href="https://twitter.com/iaas2011">
		<i class="fab fa-twitter-square"></i>
	</a>
	<a href="https://www.instagram.com/iaasbuceo/">
<i class="fab fa-instagram"></i></a>
	<a href="http://www.youtube.com/user/IAASVideoChannel/videos">
		<i class="fab fa-youtube"></i>
	</a>
</div>

    Its now showing on my home page, but on the rest, they still look broken.

    Thanks a lot.

    Ashish – ThemeGrill Support

    (@themegrillteam)

    6 years, 9 months ago

    Hi,
    There are two ways to fix it. Either you can load FontAwesome 4 by going Elementor > Settings > Advanced and set Load Font Awesome 4 Support to Yes. Then, revert back the previous code on the Header Top Bar.

    Or, create a child theme for Zakra and write code to load the latest FontAwesome 5.
    https://themegrill.com/blog/tutorial-creating-wordpress-child-theme/

    Please let us know if you need help or get trouble while doing either of the action.
    Thanks.

    Thread Starter nicoesteban

    (@nicoesteban)

    6 years, 9 months ago

    Hi.

    Thanks in advanced for your help.

    I followed your steps (loaded v4 fonts) and now it works everywhere but on some pages I see a different YouTube Icon.

    https://subefotos.com/ver/?76506c0ad31daf6245cc241cd9e35f73o.png

    Also realized the size changes.

    Thanks a lot.

    PS: Happens on header and footer. They match on both, but change on different pages.

    EDIT: Found it. When pages are edited with Elementor, YouTube Square item will show up. With simple editor, the other will show.

    • This reply was modified 6 years, 9 months ago by nicoesteban.
    • This reply was modified 6 years, 9 months ago by nicoesteban.
    Ashish – ThemeGrill Support

    (@themegrillteam)

    6 years, 9 months ago

    Has the issue been resolved?

    Thread Starter nicoesteban

    (@nicoesteban)

    6 years, 9 months ago

    It has.

    Thanks a lot for your assistance.

    meenalsoni

    (@meenalsoni)

    6 years, 7 months ago

    Hii There

    i am not able to use elementor in theme zakra , its not loading.
    please help https://nobtrade.in.

    Ashish – ThemeGrill Support

    (@themegrillteam)

    6 years, 7 months ago

    Hi @meenalsoni,
    Can you please elaborate the issue? You can also send a screenshot using imgur.com.

    Cheers!

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

The topic ‘Social icons not working’ is closed to new replies.