—
by
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:
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!
You’re welcome Christopher
Is it possible to change the color of the search results black box?
I’m using genesis eleven40 theme
You mean the button color?
Hi Brad, after you do your search the results page has a box at top that has “Search results for:” in it
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:
[code]
.search-results .archive-description {
background-color: blue;
color: red;
}
.search-results .archive-title {
color: orange;
}
[/code]
Thank you
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.
Was This Tutorial Helpful?