Moving the seach box
The seach box is conviently located in the top right hand side of the top navigation bar, however some people would prefer to move this to another location so this a quick guide to help those that want to move it.
- Login to the adminsition area of your site.
- Go to the Appearance tab (on the left side of the screen).
- Click on Editor
- The page that appears should be style.css, if not go to the right side of the page and find Styles heading and under there is Stylesheet (style.css) click on this
- Scroll down the page to find this #search
- Change the third line down top:107px; to top:357px; which will put the search box on the bottom bar. If you want it somwhere else just play with the numbers.
- The search button now looks a little out of place so we will have to hack the call for the button.
- Under the #search { } place this code in. NOTE: Make sure you put the code after the closing bracket of the search styling. Just look for this } character.
/*******Input for Seach*****/ .input { border: 1px solid #006; }
- Click on Search Form (searchform.php) right side of page.
- Delete the third line <input src=”<?php bloginfo(‘stylesheet_directory’); >/images/search.gif” type=”image” value=”submit” />
- Replace with this line <input type=”submit” value=”Go” />
- The search box should be where you want it and has a new button.
Check your site and refresh by pressing F5 and it should all look ok.
This is what it should look like.
Jerri McCombs