Header Search Issue.

[kobra]

where can I change the size properties of the search bar?

In a copy of template_default/sideboxes/tpl_search.php for your template structure overrides
Find and I am fairly certian that the highlighted values are what you can adjust

  if (strtolower(IMAGE_USE_CSS_BUTTONS) == 'yes') {
    $content .= zen_draw_input_field('keyword', '', 'size="18" maxlength="100" style="width: ' . ($column_width-30) . '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="18" maxlength="100" style="width: ' . ($column_width-30) . '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>';

[adem.i]

I tried changing the values in tpl_search.php and nothing happened.

[kobra]

I tried changing the values in tpl_search.php and nothing happened.

Sorry, wrong file - - discard changes to tpl_search.php and instead get a copy of the file tpl_search_header.php

Chenge where the value is 100 & highlighted in 2 places

  if (strtolower(IMAGE_USE_CSS_BUTTONS) == 'yes') {
    $content .= zen_draw_input_field('keyword', '', 'size="6" maxlength="30" style="width: 100px" 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: 100px" 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 . '\';"') . '&nbsp;<input type="submit" value="' . HEADER_SEARCH_BUTTON . '" style="width: 45px" />';
  }

[adem.i]

Thanks!!

however I still have a problem with the positioning. I'm trying to make it so as I change the size of the webpage, it'll always stay in the middle of the logo.

#headerSearch {
background-color: #050598;
text-align: center;
width: 470px;
padding-right: 1px;
position: absolute;
top: 6em;
left:25%;
}

Also, Is it possible to change the height of the search bar? I tried a few things but neither worked

style="width: 100px" "height: x"
style="width: 100px, height: x"

where x = any real integer (px)

[kobra]

Was it you that placed this in a table versus the default div?

Standard code has this as a div - - #navMainSearch

[adem.i]

No it wasn't me. I purchased the template solution (slightly modified) from another company which I am now somewhat regretting. It was when I was new to everything and had no idea bout the open source Zen Cart.

How would I go about creating a search bar in default div if it doesn't already exist?

In my stylesheet.css, I currently have

#navMainSearch {

float: right;

}

Does this mean it already exists just not enabled? If so, how would I enable it?

[kobra]

Does this mean it already exists just not enabled? If so, how would I enable it?

It exists but not in your template because the code has been altered

you might look in your template's /common folder for a tpl_header.php and compare it to the one in /template_default/common