+- GetSimple Support Forum (http://get-simple.info/forums)
+-- Forum: GetSimple (http://get-simple.info/forums/forumdisplay.php?fid=3)
+--- Forum: Plugins (http://get-simple.info/forums/forumdisplay.php?fid=13)
+--- Thread: modify search form (/showthread.php?tid=2605)
modify search form - MrGen - 2012-01-11
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
modify search form - n00dles101 - 2012-01-11
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...
modify search form - MrGen - 2012-01-11
Ok I tried using chrome developer and it not exactly showing specific element.
n00dles101 Wrote: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...
modify search form - MrGen - 2012-01-11
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_search/ajax/suggest.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
modify search form - MrGen - 2012-01-11
I got it myself, thanks!