Search Field without the "Search Button" in the header

[gems14k]

I want the search textfield, but not the search button, so that people will use the "Enter" key to execute the search...

How can I achieve this? This is my site: http://www.nokoria.com


Thank you.

[dbltoe]

quickest way is to add

.button_search {
display: none;
}

to the bottom of stylesheet_original.css

[Ajeh]

umm ... are customers smart enough to hit the enter key?

[gems14k]

umm ... are customers smart enough to hit the enter key?

Haha, I hope so...

The search button is not align with the textfiled, that's why I want to get rid of it... It looks simpler without that...

[Ryk]

Haha, I hope so...

The search button is not align with the textfiled, that's why I want to get rid of it... It looks simpler without that...

You can re-position the button using css, although exactly how you do it will depend on whether you are using image buttons or css buttons.

[dbltoe]

BTW...
Your buttons CSS has a comma after .button_next on line 34 that throws an error.

[gems14k]

BTW...
Your buttons CSS has a comma after .button_next on line 34 that throws an error.

Wow... thank you again for catching that.

[gems14k]

quickest way is to addto the bottom of stylesheet_original.css

It works...

Thank you for the super fast respond...

[subb]

quickest way is to addto the bottom of stylesheet_original.css

Hi there,

Forgive my confusion, but what and where is stylesheet_original.css?

Cheers for any help!

[dbltoe]

subb,

Depending on your version of Zen-Cart, you may not have that stylesheet.

You should be using your own template or the override system that would be in includes/templates/YOURTEMPLATE/css.

If you are using the classic template from an older version, it would be in includes/templates/classic/css.

Get a copy of TopStyle Lite and firefox with the web developer's extension to help with stylesheet editing.