wbrecordings

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.

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>

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.