How do I change the width of this Search Bar?

11,552

As you see the id of your "search bar" which is actually called textbox is s

So you just have to put in you CSS

#s
{
    width:200px;
}

See a working example here:

http://www.jsfiddle.net/hdm4Q/

Share:
11,552
lisovaccaro
Author by

lisovaccaro

Updated on June 15, 2022

Comments

  • lisovaccaro
    lisovaccaro almost 2 years

    It already has a prefixed width on the stylesheet but I have two different searchbars so I cannot modify that one, is there a way to override that width and change it to 200px? THanks

    <div id="search-10" class="widget_search">
    <form role="search" method="get" id="searchform" action="http://chusmix.com/?s=" onsubmit="window.location = action + s.value + '+: Cordoba'; return false;">
        <div>
        <input class="ubicacion" type="text" value="" name="s2" id="s" style="margin-left:0px;">
        <input type="submit" id="searchsubmit" value="Buscar">
        </div>
        </form>
    </div>