Tagged: x
-
AuthorPosts
-
September 25, 2016 at 7:14 pm #1190089
AnnaKuhlParticipantHi there
I just added social icons to the navbar on workablewellness.com.au by following the instructions I found after reading a few other tickets.
It worked fine using:
<i class=”x_icon type=”facebook-square” data-x-icon=””></i>
as the navigation label, but despite me changing facebook to linkedin, twitter, and instagram, all the icons being displayed are LinkedIn icons. How can I get them to display the correct social icon?
Any help would be greatly appreciated.
September 25, 2016 at 8:15 pm #1190210
RadModeratorHi there,
Thanks for writing in.
It’s not the class name, it’s the data-x-icon that defines the icon. It can be just like this without the facebook class name.
<i class="x_icon" data-x-icon=""></i>What you need to do is replace the value of data-x-icon, and you can find all icon codes here http://fontawesome.io/cheatsheet/, example, Instagram icon
<i class="x_icon" data-x-icon=""></i>The icon code is converted to square since it’s a special character, but special character can also be presented as HTML entity like this
Cheers!
September 25, 2016 at 10:16 pm #1190297
AnnaKuhlParticipantFantastic! Thank you so much for your help. 🙂
September 25, 2016 at 10:27 pm #1190302
Paul RModeratorYou’re welcome! 🙂
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1190089 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
