asked on

Modify page layout (Search button)

Please let me know if it is possible to modify the page layout so that i can reduce the gap between the search button and the bottom of the white background that surrounds it.
http://www.elegantthemes.com/preview/PureType/category/in-the-news/

Thanks!

Greg Alexander

In the file

http://www.elegantthemes.com/preview/PureType/wp-content/themes/PureType/style-Default.css

Replace


/*------------------------------------------------*/
/*--------------------[SEARCH]--------------------*/
/*------------------------------------------------*/
.search_bg { float: right; margin-top: 18px; margin-left: 10px; }
.search_bg #s { background: #FFF; font-size:11px; color:#abab91; font-family: Arial; width:150px; vertical-align:middle; padding:10px; border: 1px solid #e5e3d3; }
.search_bg #searchsubmit { background-color: #e56100; color: #fff; font-weight: bold; cursor: pointer; border: 5px solid #f6f6e9; vertical-align:middle; text-transform: lowercase; margin-left: 10px; height: 30px; padding-bottom: 10px; }
#searchform { margin-right: 20px; margin-bottom: 15px; }


With 

/*------------------------------------------------*/
/*--------------------[SEARCH]--------------------*/
/*------------------------------------------------*/
.search_bg { float: right; margin-top: 18px; margin-left: 10px; }
.search_bg #s { background: #FFF; font-size:11px; color:#abab91; font-family: Arial; width:150px; vertical-align:middle; padding:10px; border: 1px solid #e5e3d3; }
.search_bg #searchsubmit { background-color: #e56100; color: #fff; font-weight: bold; cursor: pointer; vertical-align:middle; text-transform: lowercase; margin-left: 10px; height: 30px; padding-bottom: 10px; }
#searchform { margin-right: 20px; margin-bottom: 15px; }

Open in new window

dshrenik

ASKER

Sorry for not being clear. I actually want it to look like this:

Thanks!