How to remove the Search Button

[Nandita]

I want to remove the "Search Button" completely from the search function. I mean I want to show the "Search Form" only, with 'Hit Enter' instruction.

I've removed the texts from the button filed by adding the necessary CSS codes in functions.php file. But still a space is there. please have a look and help me.

My Search Form is on the Navigation Bar.

My Blog URL is http://seohour.com
Nandita B.

http://seohour.com

[stinkykong]

Using Firebug, I see you have

form class="searchform search-form"

and inside that form is your button

input class="searchsubmit search-submit"

so, in style.css (your stylesheet), you should try working with a rule something like

.searchform .searchsubmit {
visibility: hidden;
overflow: hidden;
}

Where you see ".searchform .searchsubmit " you might be better off with one of these:

.search-form .searchsubmit
.search-form .search-submit

or you may only need one of these:

.searchsubmit
.search-submit

---

Web Design by Websentia Web Services
http://websentia.com

[Nandita]

Hi Stinkykong,

Your codes just worked like a charm 🙂 Thank you so much.

Can you help me a little more? I want to shift my Search Form 35px to the right (from its original position).

Thank you & take care 🙂 🙂

[stinkykong]

All experimenting but try adding:

#nav .searchform {
    width: 94%;
}

#nav li.search {
    padding: 0 0 0 25px;
}

The 94% width can be tweaked and the second zero of the padding might be a few pixels.

---

Web Design by Websentia Web Services
http://websentia.com

[Nandita]

Hi Stinkykong,

Everything just worked great. I appreciate your time and efforts.

Thank you so much 🙂

[Author]

Posts