Navigation
Archive / Use of the Buddy Press icon on the menu
This is archived content. Visit our new forum.
  • Author
    Posts
  • January 30, 2015 at 5:25 am #195093

    Paulo Tebet
    Participant

    Hi,

    I’ve noticed that if Buddy Press plugin is installed we have another icon at the menu. A little person icon, as in

    http://prntscr.com/5yvt36

    I would like to be able to display this icon without Buddy press and just link it to another URL.

    Can this be done?

    Regards,

    Paulo Tebet

    January 30, 2015 at 5:34 pm #195653

    Kory
    Keymaster

    Hey Paulo,

    Indeed you can do this! To do so you’ll need to add your link manually or add a page to where you want it to go in the WordPress menu system, then for the link input the following as the Navigation Label:

    <i class="x-icon x-icon-user"></i>

    Thanks!

    January 31, 2015 at 8:28 am #195936

    Paulo Tebet
    Participant

    PERFECT !

    Thank you so very much.

    I know it shouldn’t be that complicated “for someone who really knows the ins and outs of the Theme” 😉

    Regards,

    Paulo Tebet

    January 31, 2015 at 6:49 pm #196209

    Rad
    Moderator

    You’re welcome Paulo 😉

    February 1, 2015 at 4:19 pm #196714

    Paulo Tebet
    Participant

    Any way to control the color of the icon?

    Thanks

    Paulo Tebet

    February 2, 2015 at 3:18 am #196935

    Christopher
    Moderator

    Hi there,

    Please provide us with URL and let us know where you want this customization so we can help you with this.

    Thanks.

    February 2, 2015 at 2:58 pm #197514

    Paulo Tebet
    Participant

    It is still under development, but you can access http://www.paulotebet.com

    Regards,

    Paulo Tebet

    February 3, 2015 at 12:02 am #197768

    Christian
    Moderator

    Hey Paulo,

    Please add the code below in your Appearance > Customize > Custom > CSS

    .menu-item i.x-icon-user {
    color: red;
}

    Change red as per your needs. Please see http://cloford.com/resources/colours/500col.htm or http://www.color-hex.com/ for more CSS colors.

    Hope that helps. 🙂

    February 3, 2015 at 7:57 am #198038

    Paulo Tebet
    Participant

    Thanks, but this would change the icon-user color everywhere I use it, right?

    I was trying to have it ad default theme color in the Main Menu ( to login ) but at a different color in my “Logged Main Menu” to indicate that it would be a Logout action.

    Is there any way to control the color in the menu text like:

    <COLOR THAT I WANT><i class=”x-icon x-icon-user”></i></END OF COLOR THAT I WANT>

    I just don’t know what type of code should I use in the menu text to try to get this.

    Regards,

    Paulo Tebet

    February 3, 2015 at 12:33 pm #198242

    Nabeel A
    Moderator

    Hi Paulo,

    Unfortunately there is no way to control the color in the menu text. It must be done via CSS. The above CSS will only change the color of Buddy Press icon in menu only.

    Hope this helps!

    February 3, 2015 at 1:47 pm #198278

    Paulo Tebet
    Participant

    OK. Thanks a lot.

    I will keep the word “Logout” in the menu then….

    On another thought, is there any way to create a Custom icon? If so, I could just change the color of the icon itself and give it another name….

    Regards,

    Paulo Tebet

    February 4, 2015 at 12:34 am #198593

    Paul R
    Moderator

    Hi Paulo,

    You can change the color of the icon for logged in users.

    
.logged-in .menu-item i.x-icon-user {
    color: red;
}

    Hope that helps.

    February 4, 2015 at 11:32 am #198990

    Paulo Tebet
    Participant

    Wonderful!!

    Thank you so very much.

    Regards,

    Paulo Tebet

    February 4, 2015 at 5:05 pm #199250

    Rad
    Moderator

    You’re always welcome Pablo!

  • Author
    Posts