My seach module breaks the layout

[pkonstan]

My seach module breaks the layout. How do I fix this?

http://koshernutsandcandy.com

[Sketchy]

It appears to be due from the custom padding. There's two ways to go about this, lose the padding or hack a size override for that input.

The latter takes a wee bit of work, but will preserve your desired layout.. the trade-off with be minor compression of that search input field, basically shrinking it.

To pull this off, you'd probably want to conduct the process in an over-ride sort of way.

Step 1. In your current template folder(yourstore/includes/templates/yourtemplate)
Insert a new subfolder into your main template folder and name it "sideboxes".

Then, go into "template_default" template folder(yourstore/includes/templates/template_default) and open up it's subfolder called "sideboxes". Go into that said subfolder and download "tpl_search.php" to your desktop.

Go to your desktop and open that file, you will see two instances of:

($column_width-30)

I forget what your custom padding was, but try to degrade the value in increments of 5 or perhaps less.

($column_width-25)

What this will due is reduce the overall width of the search input field against the actual column width. Therefore, fitting it back in. Experiment by say.. adjusting both $column_widths to -25.

Step 2. Upload the desktop "tpl_search.php" into your current template's new "template" subfolder. Note the change on your store front and adjust the values until you have it looking snazzy as can be.

[Sketchy]

Sorry, I just checked on the procedure and it's best to increase the values instead of my babble above. I wasn't thinking right, like usual.

Try ($column_width-50) for starters.

[pkonstan]

Yeah I just figured that out. You'd think decreasing the value would make it smaller but it is just the opposite. Thanks it works now.

[Sketchy]

It does look perfect now and you're welcome.