Search box on homepage has different width

Hi,

This is a design issue, not connected to Google Custom Search.

In your contact-us page you have this tag, that is not in the main page:
<div id="content-area" class="clearfix">

That is why that on your contact-us page the following CSS (it is in your style.css file) is applied, while on the home page is not:

#content-area table td {
    max-width: 100px;
    padding: 0.857em 0.587em;
}

This is the html tag that is effected by the CSS above (table for display search field):
<td class="gsc-input">

According to the differences mentioned above, display of the search field is different.
Eliminate the differences of the two containing pages, or modify the css. You may ask your site designer about it, if you are not familiar in html and css design.

I hope this information helps you to solve the design issue.

Peter Rath
WebshopLogic
Peter

This is the CSS that’s ain the theme:

.gsc-input-box {width:250px;height:33px;}

How can I edit it so it applies to the homepage as well?

You may use a css plugin for WordPress, e.g. Custom CSS Manager.