How to remove the Search Button

Community Forums Forums Design Tips and Tricks How to remove the Search Button

This topic is: not resolved

Tagged: 

This topic contains 4 replies, has 2 voices, and was last updated by  Nandita 4 months, 4 weeks ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #74151

    Nandita
    Participant
    Post count: 29

    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
    #74158

    stinkykong
    Participant
    Post count: 138

    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

    • This reply was modified 5 months ago by  stinkykong.
    • This reply was modified 5 months ago by  stinkykong.
    • This reply was modified 5 months ago by  stinkykong.
    • This reply was modified 5 months ago by  stinkykong.
    #74165

    Nandita
    Participant
    Post count: 29

    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 :) :)

    #74167

    stinkykong
    Participant
    Post count: 138

    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

    #74251

    Nandita
    Participant
    Post count: 29

    Hi Stinkykong,

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

    Thank you so much :)

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.