Trying to make custom search bar code work

  • Hello,

    My name is Meredith and my wordpress website is yumsforthetum.net.

    I found a code for an amazing expandable search bar and customized it to be exactly how I want for my site so it looks wonderful on there, and then I actually tried using it and realized the code I had found and used was intended for blogger. The problem that causes is that I’m having using it on my site is that when I search for something, it says “page not found.” If I search the same thing using the default wordpress search bar, it finds results. I cannot figure out what part of the code I’m using would need to be changed (and what it would need to be changed to) in order for it to produce the search results.

    The codes I am using are as follows:

    CSS Code:

    #wc-searchexpandinput1 {
    -moz-border-radius: 80px;
    -khtml-border-radius: 80px;
    -webkit-border-radius: 80px;
    border: 4px solid #E2A870;
    border-radius: 80px;
    background: #442619;
    padding: 5px;
    color: #E2A870;
    font: 18px unkempt;
    transition: width 2s;
    -webkit-transition: width 2s;
    /* Safari */
    -o-transition: width 2s;
    /* Opera*/
    -moz-transition: width 2s;
    /* firefox*/
    width: 158px;
    }

    #wc-searchexpandinput1:hover {
    width: 200px;
    }

    —————————————————————-

    Code going into my header section to pull in the search bar:

    <div id=’wc-searchexpand1′>
    <form name=’input’ action=’https://windroidclub.com/search&#8217; method=’get’ id=”wc-searchexpandbox1″>
    <input name=’q’ id=’wc-searchexpandinput1′ onblur=’if (this.value == “”) {this.value = “Search this site…”;}’ onfocus=’if (this.value == “Search this site…”) {this.value = “”}’ type=’text’ value=’Search this site…’/>
    <input id=’wc-searchexpandsubmit1′ type=’submit’ value=’Search’/>
    </form>
    </div>

    I’m really a beginner to all of the coding, so hopefully someone who is more advanced can help out with this, as I have been going at it all day with no results. Thank you!

Viewing 1 replies (of 1 total)
  • Thread Starter kalosalethe

    (@kalosalethe)

    Also, the code that is in my functions.php section for the default wordpress search bar is as follows:

    // Search Form
    function dessert_wpsearch($form) {
    $form = ‘<form role=”search” method=”get” id=”searchform” action=”‘ . home_url( ‘/’ ) . ‘” >
    <label class=”screen-reader-text” for=”s”>’ . ‘</label>
    <input type=”text” value=”‘ . get_search_query() . ‘” name=”s” id=”s” placeholder=”‘.esc_attr__(‘Search…’,’dessert’).'” />
    <input type=”submit” id=”searchsubmit” value=”‘. esc_attr__(‘Go’) .'” />
    </form>’;
    return $form;
    }

Viewing 1 replies (of 1 total)
  • The topic ‘Trying to make custom search bar code work’ is closed to new replies.