modify search form

[MrGen]

Hey I am trying to modify search form to match my own template. I am not able to know the tag to use in css.

My site, deafcantv.com

[n00dles101]

I'd take off the background color on line 135 of style.css for a starting point..

I'd suggest you install firebug for Firefox or use Chrome developer tools and look at the site to get the CSS style/Id's etc...

[MrGen]

Ok I tried using chrome developer and it not exactly showing specific element.

I'd take off the background color on line 135 of style.css for a starting point..

I'd suggest you install firebug for Firefox or use Chrome developer tools and look at the site to get the CSS style/Id's etc...

[MrGen]

Here what chrome shows:

<form action="http://www.deafcantv.com/search/" method="GET" class="search">
<input type="text" name="words" value=""/>
<input type="submit" name="search" value="Search" />
<script type="text/javascript" src="http://www.deafcantv.com/plugins/i18n_search/js/jquery.autocomplete.min.js"></script>
<script type="text/javascript">
$(function () {
// add css file
$('head').append('<link rel="stylesheet" type="text/css" href="http://www.deafcantv.com/plugins/i18n_search/css/jquery.autocomplete.css"></link>');
$('form.search input[name=words]').autocomplete(
'http://www.deafcantv.com/plugins/i18n_se...uggest.php', {
minChars: 1,
max: 50,
scroll: true,
multiple: true,
multipleSeparator: ' '
});
});
</script>
</form>

if i add input in css, it will change the the whole search form at the same time. I want to specifically change each input form

[MrGen]

I got it myself, thanks!