You are here:  » Search box and button size change

Support Forum



Search box and button size change

Submitted by ICH on Sat, 2009-10-03 22:14 in

how can i change the searchbox and the search button in order to make it wider and higher in terms of size?

also how can the search query words to be of similar size in order not be too small or too large to fit to the searchbox as well as change the color (from black to another colour) ?

Submitted by support on Sun, 2009-10-04 15:41

Hi,

The search form itself is defined in html/searchform.php, which uses the .searchform class, so it's probably best to make all the changes in default.css where you will find this code around about line 105:

.searchform {
}

To change the size of the text box and button and the font colour, try REPLACING that with;

.searchform input {
  font-size: large;
}
.searchform #q {
  width: 300px;
  color: red;
}

The font-size will have the effect of changing the height of both the text box and submit button, and then you can change the width of the input box and font within the #q selector...

Cheers,
David.