Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1190089
    AnnaKuhl
    Participant

    Hi 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.

    #1190210
    Rad
    Moderator

    Hi 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="&#xf16d;"></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 &#xf16d;

    Cheers!

    #1190297
    AnnaKuhl
    Participant

    Fantastic! Thank you so much for your help. 🙂

    #1190302
    Paul R
    Moderator

    You’re welcome! 🙂

  • <script> jQuery(function($){ $("#no-reply-1190089 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>