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


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


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.

/* search colours and position */
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.


XenForo moderator
Staff member
Add this to EXTRA.css:
.navTabs .navTab.selected .tabLinks {
background-color: orange;

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


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?