Navigation
Archive / Add icon on the navbar
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 22, 2016 at 9:58 am #1226553
    mahmoud237
    Participant

    How can I embed this icon on the Navbar ? and customize its color and size ?

    [x_icon type=”ellipsis-v”]

    October 22, 2016 at 11:04 am #1226592
    Thai
    Moderator

    Hi There,

    Did you mean to add the icon the navbar items?

    You can try adding the following code to navbar item label:

    <i class="x-icon x-icon-ellipsis-v" data-x-icon="" aria-hidden="true"></i>

    Hope it helps 🙂

    October 22, 2016 at 11:16 am #1226599
    mahmoud237
    Participant

    Great it worked .. if I want to use a different icon from this link how I should write it because I tried but it didn’t work

    Icons

    October 22, 2016 at 12:27 pm #1226640
    Thai
    Moderator

    Hey There,

    Right click on the icon you want to use > inspect the element > Copy > Copy outer HTML:

    http://i.imgur.com/TOC2T6x.png

    Hope it helps 🙂

    October 22, 2016 at 6:31 pm #1226786
    mahmoud237
    Participant

    Great .. it worked … But still need yo customize its size and color ?

    October 23, 2016 at 12:01 am #1226980
    Rue Nel
    Moderator

    Hello There,

    If you need to customize the color, please have it like this:

    
<span style="color: #red"><i class="x-icon x-icon-ellipsis-v" data-x-icon="" aria-hidden="true"></i></span>

    Hope this helps.

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