Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Move Search button next to Search box?

Move Search button next to Search box?

Locked

Views: 2,802

Results 1 to 9 of 9
This thread is locked. New replies are disabled.
14 Nov 2009, 4:54 PM
#1
kismetdesign avatar

kismetdesign

Zen Follower

Join Date:
May 2009
Location:
Junction City, Oregon
Posts:
315
Plugin Contributions:
0

Move Search button next to Search box?

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? :cool:

The site is here

KD

16 Nov 2009, 4:28 AM
#2
usernamenone avatar

usernamenone

Totally Zenned

Join Date:
Sep 2006
Posts:
541
Plugin Contributions:
0

Re: Move Search button next to Search box?

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

16 Nov 2009, 5:07 AM
#3
kismetdesign avatar

kismetdesign

Zen Follower

Join Date:
May 2009
Location:
Junction City, Oregon
Posts:
315
Plugin Contributions:
0

Re: Move Search button next to Search box?

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

16 Nov 2009, 5:18 AM
#4
kismetdesign avatar

kismetdesign

Zen Follower

Join Date:
May 2009
Location:
Junction City, Oregon
Posts:
315
Plugin Contributions:
0

Re: Move Search button next to Search box?

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. :dontgetit

18 Nov 2009, 5:51 AM
#6
kismetdesign avatar

kismetdesign

Zen Follower

Join Date:
May 2009
Location:
Junction City, Oregon
Posts:
315
Plugin Contributions:
0

Re: Move Search button next to Search box?

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? :huh:

18 Nov 2009, 8:04 AM
#7
usernamenone avatar

usernamenone

Totally Zenned

Join Date:
Sep 2006
Posts:
541
Plugin Contributions:
0

Re: Move Search button next to Search box?

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.

18 Nov 2009, 11:11 PM
#8
kismetdesign avatar

kismetdesign

Zen Follower

Join Date:
May 2009
Location:
Junction City, Oregon
Posts:
315
Plugin Contributions:
0

Re: Move Search button next to Search box?

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. :clap:

19 Dec 2009, 7:15 PM
#9
yarndog avatar

yarndog

New Zenner

Join Date:
Dec 2009
Posts:
2
Plugin Contributions:
0

Re: Move Search button next to Search box?

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.

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

-KismetDesign

Thanks for your help and pointers, btw. :clap:

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