Resize search form text box

this site?
https://example.com/ [removed actual link]

if so, open theme’s style.css and find

/* Search Form */

.button {
        border: 1px solid #999;
        line-height: 0.8em;
        font-size: 0.8em;
        padding: 0 0 2px 2px;
        background: #d3dce5;
        cursor: pointer;
}

.box {
     margin-left: 10px;
     width: 130px;
     padding-left: 2px;
     font-size: 0.8em;
     border: 1px solid #999;
     background: #fff;
}

change value width: 130px; to whatever number suits you

Thanks for the reply but no, that’s not the site I’m working on. That one’s a Movable Type site. This one is WordPress, and I’m using Thematic with a child theme.

similar solution
theme’s style.css

#sitesearch #sitesearchbox {

	width: 45%;

	padding: 3px;

	font-size: 18px;

This is the HTML — as I see it using Firebug. The element I want to change is “size” — I’ve tried a lot of things to adjust it in my CSS, but nothing seems to work — I can’t seem to call it correctly. Can you tell me what exactly would need to be put in my CSS to change size=”32″ to size=”25″? Thanks in advance.

<li class="widgetcontainer widget_thematic_search" id="search">
<h3 class="widgettitle"><label for="s">Search</label></h3>
<form action="https://www.mysite.com/site" method="get" id="searchform">
	<div>
	<input type="text" tabindex="1" size="32" onblur="if (this.value == '') {this.value = 'To search, type and hit enter';}" onfocus="if (this.value == 'To search, type and hit enter') {this.value = '';}" value="To search, type and hit enter" name="s" id="s">
	<input type="submit" tabindex="2" value="Search" name="searchsubmit" id="searchsubmit">
	</div>
</form>
</li>

Ahhhh. I just found the answer at the Thematic forum on Themeshaper. I needed to add the following to my CSS”.

.aside input {
width: 100%;
}

So simple, and yet it took… so… long to find! Such is the learning curve.

Thanks Samboll for your help.