Make Search Pretty

To move the search box to the right, use the float property in CSS to get it there.

#search { display: block; float: right; }

The search button was taking up too much space on the header. To get rid of it, use CSS to target input elements with type=submit in the cse-search-box div.

#cse-search-box input[type="submit"] {display: none;}

The search results were also overflowing the content area and going into the sidebar. This was fixed by specifying a width for the search results.

#cse-search-results iframe { width: 640px; }

All this CSS puts the search box on the right side of the header with no search button, and the results now fit into the main content area.

Leave a comment