Navbar customization questions

[tcarr9]

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!

[Qwk86gn]

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 {
color:#ffffff;
}

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.

[tcarr9]

Fantastic! Thanks so much!

[tcarr9]

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?

[Qwk86gn]

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 {
color:#ffffff;
}

[tcarr9]

Woo hooo! Thanks so much!

[Bram H]

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 :)