• 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?

Laurentius

Active member
#1
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
 

Morgain

Well-known member
#2
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.
 

Brogan

XenForo moderator
Staff member
#4
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;
}
 

Laurentius

Active member
#5
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?