This tutorial produces exactly what you see in the screenshots.
It is tested on the Eleven40 Pro child theme by StudioPress only.
By default, many StudioPress child themes don’t display a submit button next to the search box because its been hidden using CSS like this:
There’s 2 simple steps you need to follow to add the button back which we’ll do inline with the search forms input field like this:
Christopher Meinck says
Thank you for the tutorial. I had issues with my search box falling under my header when viewing horizontally on the iPad. This solves that problem and gives the site a cooler, more powerful search function. My next step is to convert it to Google Search. Awesome!
Brad Dalton says
You’re welcome Christopher
Greg says
Is it possible to change the color of the search results black box?
I’m using genesis eleven40 theme
Brad Dalton says
You mean the button color?
Greg says
Hi Brad, after you do your search the results page has a box at top that has “Search results for:” in it
Brad Dalton says
So you’re referring to the search results page rather than the search box?
You can create your own custom search.php template file
Or use Firebug to find the classes and modify the values.
Something like this:
Greg Welch says
Thank you
Brad Dalton says
You can find the CSS using Firebug or Chrome Dev tools and the body classes are in the source code of the page so you just right click, view page source and scroll down until you find the body classes and use the class which works with your CSS.