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.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s