BuddyBoss Home – Web › Support Forums › Themes › Boss. theme › How to change Menu Icons?

Tagged: , , ,

Viewing 15 posts - 1 through 15 (of 19 total)
1 2

  • Question

    January 30, 2015 at 8:02 am #35174

    Aron
    @aronprins

    Just purchase this theme. If you have a BuddyPress site: GET BOSS! Its… Well… Boss.

    Question: how can I change the icons in front of the BuddyPanel menu?
    Thanks in advance guys!
    Cheers,
    Aron

    Answers

    January 30, 2015 at 9:37 am #35177

    Aron
    @aronprins

    Answered my own question: https://www.buddyboss.com/tutorials/how-to-add-custom-menus-to-boss-theme/

    For all other Boss questions (Tutorials) check: https://www.buddyboss.com/tutorials/
    Close it up guys, thanks!

    Cheers,
    ARon

    January 30, 2015 at 11:30 am #35181

    Alyssa
    Participant
    @alyssa-buddyboss

    @aronprins Guess you did my job for me 😉 Thanks for posting links, I’m sure it will help other users who stumble upon this thread.

    February 13, 2015 at 2:44 pm #35916

    Ivan
    @imdyakov

    OK,

    And what if I need to change an icon in default mobile BP User Menu? Let’s say I want to replace standard stars icons for BP Following Plugin.

    February 14, 2015 at 3:41 pm #35975

    Alyssa
    Participant
    @alyssa-buddyboss

    @imdyakov add something like this to custom.css

    #mobile-item-nav ul li#[id of the menu item]:before{
content: '\f0fb';
}

    Here is the cheat sheet of icon options with font awesome: http://fortawesome.github.io/Font-Awesome/cheatsheet/ just change the content last 4 characters

    February 14, 2015 at 5:43 pm #35981

    Ivan
    @imdyakov

    Thanks for the suggestion although it looks like I still have something wrong in that string.

    #mobile-item-nav ul li#[id=”user-members-following”]:before{
    content: ‘\f164’;
    }

    February 15, 2015 at 9:57 am #35999

    Alyssa
    Participant
    @alyssa-buddyboss

    @imdyakov this is the valid code:

    #mobile-item-nav ul li#user-members-following:before{
content: '\f164';
}

    Make sure there are no backticks ` you may need to change them to apostrophes ‘ due to your charset

    February 15, 2015 at 10:50 am #36005

    Ivan
    @imdyakov

    Still doesn’t work for me on some reason. I put it into @media screen and (max-width: 720px) section of the Custom CSS of the child. Is that right?

    February 15, 2015 at 11:37 am #36006

    Ivan
    @imdyakov

    At the moment I have:

    #mobile-item-nav ul li#user-members-following:before{
    content: ‘\f0ed’;
    }

    #mobile-item-nav ul li#user-members-followers:before{
    content: ‘\f0ee’;
    }

    Inside:
    @media screen and (max-width: 720px)
    and
    @media screen and (max-width: 350px)

    February 15, 2015 at 12:09 pm #36008

    Alyssa
    Participant
    @alyssa-buddyboss

    @imdyakov you are using the wrong id you need to look at the li parent not the anchor, this is the correct code:

    #mobile-item-nav ul li#members-following-personal-li:before{
content: '\f0ed';
}

    Also, you can apply this globally since the mobile-nav is only displayed on mobile devices.

    February 15, 2015 at 12:23 pm #36011

    Ivan
    @imdyakov

    Right, thanks for helping out with that TJ.

    February 15, 2015 at 9:15 pm #36025

    Alyssa
    Participant
    @alyssa-buddyboss

    NP

    August 1, 2015 at 3:52 pm #43695

    Mehluli
    @meza

    How can i change icons for the original bb menu items .I see i can change the ones for new pages that i created , however pages that come default like Profile, Notifications friends etc dont seem to allow that option as the CSS option is greyed out as indicated in the picture attached

    August 2, 2015 at 9:20 am #43753

    Alyssa
    Participant
    @alyssa-buddyboss

    @meza you need to add code to custom.css like this post: https://www.buddyboss.com/support-forums/topic/how-to-change-menu-icons/#post-35999

    August 2, 2015 at 11:38 am #43763

    Mehluli
    @meza

    I addedd the code under the global query but still not the css icons menu is still grayed out

Viewing 15 posts - 1 through 15 (of 19 total)
1 2
  • The question ‘How to change Menu Icons?’ is closed to new replies.