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!
dshrenikAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

 
Greg AlexanderLead DeveloperCommented:
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

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

Thanks! search
0
 
dshrenikAuthor Commented:
I can take care of the colors...
0
Cloud Class® Course: MCSA MCSE Windows Server 2012

This course teaches how to install and configure Windows Server 2012 R2.  It is the first step on your path to becoming a Microsoft Certified Solutions Expert (MCSE).

 
Greg AlexanderLead DeveloperCommented:
Well first, to get the whole thing closer you would add more pixels to the margin

.search_bg { float: right; margin-top: 18px; margin-left: 10px; }

to maybe like

.search_bg { float: right; margin-top: 25px; margin-left: 10px; }
0

Experts Exchange Solution brought to you by ConnectWise

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
 
Greg AlexanderLead DeveloperCommented:
You can shrink the input height with the

.search_bg #s { background: #FFF; font-size:11px; color:#abab91; font-family: Arial; width:150px; vertical-align:middle; padding:10px; border: 1px solid #e5e3d3; }

to

.search_bg #s { background: #FFF; font-size:11px; color:#abab91; font-family: Arial; width:150px; vertical-align:middle; padding:5px; border: 1px solid #e5e3d3; }
0
 
dshrenikAuthor Commented:
Well, I don't want the size of the search button and textboxes to change.. .
reducing just the white background is sufficient
0
 
dshrenikAuthor Commented:
I had to change this:
#pages-inside { width: 100%; float: left; height: 50px; background-color: #FFF; }
0
 
dshrenikAuthor Commented:
Sorry:
#pages-inside { width: 100%; float: left; height: 70px; background-color: #FFF; }
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.