[Resolved] How to add site search in header element

Home Forums Support How to add site search in header element

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1267986
    Rashida

    Hello, I mostly figured it out via Google but I’m stuck on the final step. The search box on my header element leads nowhere. How can I make the box actually function? Dope Gift Ideas is the website and here’s the code:
    <h1>
    DOPE GIFT IDEAS!
    </h1>
    <p>
    helping you find the dopest gifts to give
    </p>

    <!– CSS styles for standard search box –>
    <style type=”text/css”>
    #tfheader{
    background-color:none;
    }
    #tfnewsearch{
    float:center;
    padding:0px;
    }
    .tftextinput{
    margin: 0;
    padding: 5px 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    border:1px solid #0076a3; border-right:0px;
    border-top-left-radius: 5px 5px;
    border-bottom-left-radius: 5px 5px;
    }
    .tfbutton {
    margin: 0;
    padding: 5px 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    border: solid 1px #0076a3; border-right:0px;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top, #00adee, #0078a5);
    border-top-right-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    }
    .tfbutton:hover {
    text-decoration: none;
    background: #007ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top, #0095cc, #00678e);
    }
    /* Fixes submit button height problem in Firefox */
    .tfbutton::-moz-focus-inner {
    border: 0;
    }
    .tfclear{
    clear:both;
    }
    </style>
    </head>
    <body>
    <!– HTML for SEARCH BAR –>

    <form id=”tfnewsearch” method=”get” action=”https://dopegiftideas.com”&gt;
    <input type=”text” class=”tftextinput” name=”q” size=”21″ maxlength=”120″><input type=”submit” value=”search” class=”tfbutton”>
    </form>

    </body>
    </html>

    #1268463
    David
    Staff
    Customer Support

    Hi there,

    are you wanting to use the normal WP search ? If so in your Form HTML change the name="q" to name="s"

    #1269838
    Rashida

    You’re a genius!!! Thank you. That one tiny letter made a huge difference.

    #1270119
    David
    Staff
    Customer Support

    Glad to be of help 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.