With the latest updates to the Genesis Framework and PRO themes, I found that the Search button was removed and the magnifying glass put in its place.
With Button:
Without Button:
If you need to add the button back simply locate this code in your theme’s Style.css file and either remove it completely or comment it out.
.search-form input[type="submit"] {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
width: 1px;
}
Didn’t know you could do that. Great tip Anita.
You could also move the button inline with the input box amongst other things.
Brad, can you share how to place it inline? I’d be happy to add it to the top with your name.
and here’s my article on how to replace the search button text with a icon font: http://sridharkatakam.com/replace-search-button-text-icon-font-genesis/
Thank you for sharing you post Sridhar!
There’s a width of 100% set on these elements:
input, select, textarea
Since the field and the button are both 100%, they won’t go side by side, but if you reduce the width so they can fit on the same line, I think it’ll automatically work. 🙂
Thanks Carrie, I changed 100% to auto and it worked in the header right, as well as the sidebar.