Move Search button next to Search box?

[KismetDesign]

I switched my 'search' button to say 'go' and made a much smaller version of it. Now I'd like to move it up next to my search box. Can anyone tell me how to do that?

The site is here

KD

[usernamenone]

Make your search box 200px wide and it will line out.

[KismetDesign]

Uh... I'll try to find where to do that. Is it in the CSS file?

[KismetDesign]

After investigating a little further, I'm assuming it's in the sidebox.php file, but I can't find where to edit the search box.

[jcdk]

It is in this thread:

http://www.zen-cart.com/forum/showthread.php?t=109220

good luck

[KismetDesign]

Hmm... did not find anything for the search box itself in the Layout Settings.

I tried expanding my whole column and sidebox width to 200 - no luck there. I thought at first it might not be enough, so I expanded it to 300 px. That just increased the length of my search field to match a percentage of the overall sidebox width. It didn't bring up my search button at all.

Any more suggestions?

[usernamenone]

Well, you have a template monster template you are trying to customize and for that reason you can't follow our directions. You will need to open your temlpates sideboxes and locate the code. It is in a table and may or may not look like this

<td id="column_left" style="width: 200px;">
<div style="width: 200px;">
<!--// bof: search //-->
<div class="box" id="search" style="width: 200px;">

changing the 187 to 200 should work.

In the future you may mention the fact that you are using a template from Template Monster when asking for help.

[KismetDesign]

I figured it out...

The header.php file in my main template_default folder allowed me to change the text, and the tpl_search.php in my template folder allowed me to find and change the styles for the search box. It was in a different location and didn't sit inside of a table.

$content .= zen_draw_input_field('keyword', '', 'size="18" maxlength="100" value="'.HEADER_SEARCH_BUTTON.'" style="width:90px; height:16px; border:1px solid #CFCFCF; vertical-align:middle; margin-right:6px;"') . zen_image_submit (BUTTON_IMAGE_SEARCH,HEADER_SEARCH_BUTTON, 'style=" vertical-align:middle; border:none; padding:0; background:none;"');

Just in case anyone else wants to see what I did.

-KismetDesign

Thanks for your help and pointers, btw.

[yarndog]

I figured it out...

The header.php file in my main template_default folder allowed me to change the text, and the tpl_search.php in my template folder allowed me to find and change the styles for the search box. It was in a different location and didn't sit inside of a table.



Just in case anyone else wants to see what I did.

-KismetDesign

Thanks for your help and pointers, btw.

I successfully used the tpl_header.php file inside my main template folder inside the COMMON folder