1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How to change lower navbar color?

Discussion in 'Styling and Customization Questions' started by Laurentius, Jan 5, 2012.

  1. Laurentius

    Laurentius Active Member

    How can I change The background of the lower navbar, where for example "mark forum as read" and "search forums" are. Also, how do I change the search bar's color and move it up in the "lower navbar?


    Skärmavbild 2012-01-05 kl. 20.41.48.png
     
  2. Morgain

    Morgain Well-Known Member

    Lower navbar colour change isw
    is admincp/ Appearances/ Style Properties/ Header and Navigation/ Selected Tab

    Search styling
    Put this in EXTRA.css and adjust to suit.

    Code:
    /* search colours and position */
    input[type=search]{
    border: 1px solid #993333;
    background-color: #99cc99;
    margin-left: 5px;
    }
    Moving it around is tricky. Needs someone cleverer than me.
    If you only want a small move try using the margin controls.
     
  3. Laurentius

    Laurentius Active Member

    Thank you, I have tried to change the color of the lower navbar, But nothing have worked..
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    Add this to EXTRA.css:
    Code:
    .navTabs .navTab.selected .tabLinks {
    background-color: orange;
    }

    For the active tab:
    Code:
    .navTabs .navTab.selected .navLink {
    background-color: orange;
    }
     
  5. Laurentius

    Laurentius Active Member

    Great, that works! Is there a way to add margins or something if I use a border, so the navbar don't hang over the forum are too much?
     

Share This Page