View Full Version : Navbar customization questions

06 Jul 2010, 13:53
I've been looking all through the various style vars and can't get anything that will let me change these two things in the nav bar. See the attached screenshot.

1. When I hover over one of the normal nav bar links it works great. When I hover over one of the ones that is a drop down, the background for that section of the nav bar changes color to the SAME color as the link color, so that I can't see the link any more. I don't mind the background changing color but I need to be able to specify a contrasting color for the text on it.

2. I would like the search box to either be taller or better centered. I've tried changing navbarsearch_padding and searchbox_size's height, but neither of them seem to do anything at all as far as I can tell.

Any advice would be greatly appreciated. Thanks in advance!

07 Jul 2010, 20:01
A couple things you can do to (fix) customize your needs.

1. You can place the following code in your additional.css for your style. It changes the font:hover color for the popupctrl.
Change "#ffffff" to whatever color you need.

.navtabs li.selected li:hover a.popupctrl {

2. Also add this code to your additional.css of your style. 8px is a good starting point but you can adjust as needed.

.globalsearch .textboxcontainer span {
padding-top: 8px;

Hope that helps.

07 Jul 2010, 20:16
Fantastic! Thanks so much!

07 Jul 2010, 20:41
Spoke too soon. It works marvelously for hover, but when I click on the dropdown the text disappears again. Is there a similar fix I can do for that?

07 Jul 2010, 21:14
Ah forgot about that one.

Try adding this in additional.css also. Again change "#ffffff" to what ever suites your need.

.navtabs li.selected li:hover a.popupctrl.active,
.navtabs li.selected li a.popupctrl.active {

07 Jul 2010, 21:23
Woo hooo! Thanks so much!

Bram H
24 Sep 2011, 02:57
Have you guys figured out how to actually increase the height of the searchbox? My tabs are 80x40 in size and the searchbox is way too small :)