search bar

Posted on by LouiseF

ALWAYS ADD – 

.search-submit{cursor:pointer;}

button .search-submit, input[type="button"] .search-submit, input[type="reset"] .search-submit, input[type="submit"].search-submit{background:red;border:11px solid green;border-radius:43px;color:white;padding:2em 4em;font-size:2rem;text-transform:uppercase;}

button .search-submit:hover, input[type="button"] .search-submit:hover, input[type="reset"] .search-submit:hover, input[type="submit"].search-submit:hover{background:green;border-color:orange;}

IN THE HEADER AFTER THE MAIN MENU (insert this code in header.php – after </nav> and before </header>)

<div id="searchbar"><?php get_search_form(); ?></div>

to center it – 

text-align:center;

to give it a gap – 

margin:1em; OR padding:1em;