Zen Cart Logo
Forums / General Questions / Need to enlarge input boxes

Need to enlarge input boxes

Views: 1,484

Results 1 to 9 of 9
5 May 2012, 2:51 AM
#1
timhersh avatar

timhersh

Zen Follower

Join Date:
Aug 2008
Posts:
274
Plugin Contributions:
0

Need to enlarge input boxes

I was editing some things and something I did made my search box and email signup box very small. I have tried to figure out how to make it wider but am not sure how to edit the "inline style"

any ideas?

thanks

5 May 2012, 9:53 AM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Need to enlarge input boxes

A link to the site would help a lot.

5 May 2012, 4:12 PM
#4
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,178
Plugin Contributions:
0

Re: Need to enlarge input boxes

you might hunt it down by this:

admin panel/ tools/ developers tool kit
search for: style="width: 20px"

5 May 2012, 4:16 PM
#5
timhersh avatar

timhersh

Zen Follower

Join Date:
Aug 2008
Posts:
274
Plugin Contributions:
0

Re: Need to enlarge input boxes

Thanks, that is the weird part it pulls up nothing when i search for width: 20px

5 May 2012, 4:18 PM
#6
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,178
Plugin Contributions:
0

Re: Need to enlarge input boxes

Take a look here:

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

5 May 2012, 4:27 PM
#7
timhersh avatar

timhersh

Zen Follower

Join Date:
Aug 2008
Posts:
274
Plugin Contributions:
0

Re: Need to enlarge input boxes

Thanks I did try that. I changed the value that was there (30) to 50 and it actually made it worse. I think the issue might be something in the stylesheet though. The sidebox I am using is search but you will notice that the same problem also shows up on the newsletter signup....

here is the code from my search sidebox

  if (strtolower(IMAGE_USE_CSS_BUTTONS) == 'yes') {
    $content .= zen_draw_input_field('keyword', '', 'size="60" maxlength="100" style="width: ' . ($column_width-50) . 'px"') . '<br />' . zen_image_submit (BUTTON_IMAGE_SEARCH,HEADER_SEARCH_BUTTON);
    $content .= '<br /><a href="' . zen_href_link(FILENAME_ADVANCED_SEARCH) . '">' . BOX_SEARCH_ADVANCED_SEARCH . '</a>';
  } else {
    $content .= zen_draw_input_field('keyword', '', 'size="60" maxlength="100" style="width: ' . ($column_width-50) . 'px" 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 . '\';"') . '<br /><input type="submit" value="' . HEADER_SEARCH_BUTTON . '" style="width: 50px" />';
    $content .= '<br /><a href="' . zen_href_link(FILENAME_ADVANCED_SEARCH) . '">' . BOX_SEARCH_ADVANCED_SEARCH . '</a>';
5 May 2012, 5:09 PM
#8
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Need to enlarge input boxes

That's column_width 'minus' 30px, so if you want the input box bigger, make the 30 smaller.

5 May 2012, 6:50 PM
#9
timhersh avatar

timhersh

Zen Follower

Join Date:
Aug 2008
Posts:
274
Plugin Contributions:
0

Re: Need to enlarge input boxes

bingo, thanks