header search-field

I'm looking for a way to restrict the width of this element: #navMainSearch form[method="get"] located in tpl_search_header.php

I've tried targeting the element with CSS and setting width to either a lower percentage or pixel value. It's not working great...

Is this what you are asking?

Change Box Size in Search Box
A. includes/ templates/ template_default/ sideboxes/ tpl_search_header.php
When done place into the override structure of your site if you are using..

B.includes/ templates/ override folder/ sideboxes/ tpl_search_header.php

1. line 17
   2. width= 100 to 135
   3. line 19
   4. width = 100 to 135
   5. ftp the file

Thanks! Didn't get the right hang of it so I'm posting my code here > if (strtolower(IMAGE_USE_CSS_BUTTONS) == 'no') {

$content .= zen_draw_input_field('keyword', '', 'size="6" maxlength="30" style="" width="100 to 150" value="' . HEADER_SEARCH_DEFAULT_TEXT . '" onfocus="if (this.value == \'' . HEADER_SEARCH_DEFAULT_TEXT . '\') this.value = \'\';" onblur="if (this.value == \'\') this.value = \'' . HEADER_SEARCH_DEFAULT_TEXT . '\';"') . ' ' . zen_image_submit (BUTTON_IMAGE_SEARCH,HEADER_SEARCH_BUTTON);

} else {
$content .= zen_draw_input_field('keyword', '', 'size="6" maxlength="30" style="" width="100 to 150" value="' . HEADER_SEARCH_DEFAULT_TEXT . '" onfocus="if (this.value == '' . HEADER_SEARCH_DEFAULT_TEXT . '') this.value = '';" onblur="if (this.value == '') this.value = '' . HEADER_SEARCH_DEFAULT_TEXT . '';"') . ' <input type="submit" value="' . HEADER_SEARCH_BUTTON . '" style="width: 45px" />';
}

https://www.test.soundfactory.nu

I see your problem..

You have now this: width="100 to 150"

What I meant is this:
width="150"

I have to write it like this: 'size="6" maxlength="30" style="width:150px" value="' otherwise I don't get any results/changes. The issue is with the form[method="get"] displaying out of the box (out of the green text field, the one containing the magnifying glass). It produces the unfavorable effect of pushing or forcing my search button further to the right instead of closer to the left (which is what I would like)...

Ok, change file back to it's original if this was not the right process.. Post a link please or Pm me the link... So I can view in Firefox with the add on called Firebug to see if we can control the spacing within the stylesheet.css

Sure. Thanks! The link is: https://www.test.soundfactory.nu