Increase the size width of the search stext box??

thestormtrooper

Hi,

This is probably a really simple request, I basically trying to make my search box about twice the width that it is. I've searched the code everywhere and I just can't figure out how to increase the size of the text field for the search box. My site is here: http://www.stuartjackson.co.uk/v1/gallery/

Any help is greatly appreciated!

kagutsuchi

That is basic CSS. You should be able to figure this out by searching.

thestormtrooper

I can't find the bit that relates to the search box in the css though? I thought it would be called search or input or something like that. Still searching, if you excuse the pun.

thestormtrooper

Should of made that clearer... I currently have this:

/* Search Box
------------------------------ */
#search {
float: right;
margin-top: -43px;
margin-right: 0px;
text-align: center;
background: transparent;
z-index: 1000;
position: relative;
}

#search input.pushbutton {
padding: 1px;
font-size: 90%;
}

#search ul {
position: absolute;
text-align: left;
width: 20px;
margin: 0px;
padding: 0px;
list-style: none;
background-color: white;
}

#search ul .item {
display: none;
background-color: white;
}

#search ul:hover .item {
display: block;
padding: 1px;
margin: 0px;
background: #fff
}

#search li {
width: 50px;
background-color: white;
}

#searchfields_icon {display:none;}
position: relative;
top: 4px;
}

.clear {
clear: both;
height: 10px;
}

When I change the width values nothing seems to happen. Can someone point me in the right direction as to what aspect I should be changing... searching google and trial and error is getting me nowhere!

Any help is appreciated!

sbillard

I don't see width/height on the search_input id. (also, it is search_submit that has the pushbutton.

Just grab the HTML of your search page and look at it for the appropriate items.

mmz

Hi,
open template-functions.php
go to code line 3917
change size (10 by default)