I'm having alignment issues with side by side fields, they are appearing slightly staggered. test form is on http://www.getacoolbox.com/newsite. Is there is also a way i can reduce the vertical distance between fields and text?
I'm having alignment issues with side by side fields, they are appearing slightly staggered. test form is on http://www.getacoolbox.com/newsite. Is there is also a way i can reduce the vertical distance between fields and text?
For the vertical spacing, this is in your theme's stylesheet and the margin-bottom is the cause:
[css]
input[type="text"], input[type="password"], input[type="email"], textarea, select {
border: 1px solid #CCC;
padding: 6px 4px;
outline: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #777;
margin: 0;
width: 210px;
max-width: 100%;
display: block;
margin-bottom: 20px;
background: white;
}
You can either get rid of that margin bottom, or use this to override it (place in your theme's stylesheet):
[css]
.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"] {
margin-bottom: 0;
}
As for the slightly staggered piece - the only one I see that is an issue is the: "Email" and "How did you hear about us" fields. The reason there is the field label for "How did you hear about us" is simply too long for the space so it's wrapping. Your options are to reduce the label font size or shorten the verbiage of that field label.
great thanks rob!
No problem - glad to help out!