Navbar CSS - Search Box , Magnifying Glass , Advanced Search

[2fast4ya]

I would like to change the positioning of the Search Box, Magnifying Class Icon, and the "Advanced Search" link in the Navbar. Can't seem to find a place to do that in the StyleVars

[Lynne]

There are no stylevars to position that code. You will need to write some CSS to move it to wherever you want it.

[2fast4ya]

<a href="http://www.audioneeds.com/forums/forum.php?styleid=10" target="_blank">http://www.audioneeds.com/forums/forum.php?styleid=10</a> - the magnifying glass is too far from the search box... I need to bring them a bit closer... Which CSS element would I change? Should it be done in the additional.css file?

[Lynne]

You've set the text box to be 120pxwide, but the span it is in is 147px wide. I'd suggest rewriting your CSS if that isn't what you really want.

[2fast4ya]

hmm, I'm a little confused, I don't think I've played with the text box size or anything quite yet. Everything I've done so far has been through the StyleVar.

[Lynne]

Those are just the default values on all the sites. If you want them closer, then those are the things you will need to change.

.globalsearch input.textbox {    width: 120px;}
.navbar_search {
    right: -20px;    width: 180px;}

Look at those.

[2fast4ya]

That worked Lynne, thank you very much. You never disappoint.