Skip to:
Content
Pages
Categories
Search
Top
Bottom

Edit profile navigation

  • @mbanovastore

    Participant

    Hi,
    I would like to change the colors of this nav:
    Screenshot of the nav

    But I can’t find the code anywhere….

    Can anyone help me with this one ?

Viewing 15 replies - 1 through 15 (of 15 total)
  • @mbanovastore

    Participant

    @venutius

    Moderator

    Would this be the CSS you are looking for:

    #xprofile-personal-li {
    	background-color: blue;
    }

    @mbanovastore

    Participant

    Hi, thanks for the reply!
    That only change the current selected setting… And not the complete nav

    @venutius

    Moderator
    #object-nav.item-list-tabs li {
    	background-color: blue;
    }

    @mbanovastore

    Participant

    Does not make any changes 🙁

    @venutius

    Moderator

    That’s what works for me, you could try:

    #item-nav.item-list-tabs li {
    	background-color: blue;
    }

    But that had no effect on mine. Otherwise it’s a case of trial and error for your specific site.

    @mbanovastore

    Participant

    If I add as extra CSS it doesnt make any changes. Should I do it another way?

    @venutius

    Moderator

    It should work as extra css, That’s what I did to test – in Customizer

    @venutius

    Moderator

    how about:

    #object-nav li {
        background-color: blue;
    }

    @mbanovastore

    Participant

    That code only makes the link “boxes” colored, I would like to make the whole bar colored 🙂

    @venutius

    Moderator
    #item-nav {
    	background-color: blue;
    }

    @mbanovastore

    Participant

    @mbanovastore

    Participant

    Doesnt makes any changes :/

    @mbanovastore

    Participant

    This nearly does it!

    .bp-navs ul {
        background: #558ed5;
    }

    Screenshot

    @atkinson236

    Participant

    Go to admin dashboard > appearance > menus.
    Select the menu you want to edit.
    Go to the add custom link section.
    Enter the text for the nav menu item e.g Edit Profile.
    Click the Add to Menu button.
    Position the menu item on the menu.
    Click the “Save menu” button.

Viewing 15 replies - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.
Skip to toolbar