Navy Road

Search Widget with Title

This search widget comes with an optional “<h3>” widget title and allows you to control the search button text, as well as giving you more control over styling.

Download it here: nrs_search_widget_with_title.zip

Unzip the download, and upload the “nrs_search_widget_with_title” folder to your plugins directory. Activate the plugin. Then, add the widget to one of your sidebars. Once the widget is added, you can control the title and the button text. See below for help with styling the result.

Sample HTML Output:

<li class="widget nrs-search-widget-with-title" id="search-widget-with-title">
<h3 class="widget-title"><label for="s">Search The Chowder-Head</label></h3>
<div id="nrs-search-widget-with-title-container">
<form action="http://montaukchowderhead.com" method="get" id="searchform">
<div id="nrs-search-widget-with-title-input"><input type="text" id="s" name="s"/></div>
<div id="nrs-search-widget-with-title-submit"><input type="submit" value="Go"/></div>
</form>
</div>
</li>


Sample CSS Rules:

/****nrs-search-widget-with-title****/
div#nrs-search-widget-with-title-container div,
div#nrs-search-widget-with-title-container form{
display:inline;
}
div#nrs-search-widget-with-title-input input{
font-size: .8em;
}
div#nrs-search-widget-with-title-submit input{
font-size: .8em;
}