Hey Kevin, Carl!
I'm trying to tighten up the GF widget on my Headway-powered site.
It's coming out really, really loose - taking up acres of page real estate down the page on the right hand side.
Can you suggest how I can fix it so it's super-tightened up across all the fields? I'd like to keep the First Name, Last Name fields rather than just the Simple Name option if possible.
A link to the page and the site:
Thanks for your excellent work!
Dave Thackeray
It's inheriting some extra margins and spacing from your theme. You can try adding this to your custom CSS
li.widget.gform_widget ul li {margin:0!important; line-height:auto!important}
li.widget.gform_widget ul li.gfield input,li.gform_widget ul li.gfield textarea{margin-bottom:0!important}
li.widget.gform_widget .gform_footer {padding:0!important}That should tighten it up quite a bit. You can tweak it a little more if you need.
Thanks for your help with this. It's looking better already!
Dave
This worked brilliantly for me too except the submit button is now up beside the bottom fields instead of underneath. Any suggestions?
You can see the form here - http://wordpresswebsites.co.nz/WebStrategies/
I am pretty much there. Added the following code to my Genesis child theme style sheet. Would still like to get rid of a wee bit more space above but not essential.
body .gform_wrapper .gform_footer {
float: left;
margin: 0px 0 0 10px!important;
width: auto;
}You need to remove the top & bottom padding from the gform_footer div that contains the button. Try adding this to the end of your theme's style.css file or wherever you add custom CSS
body #gform_wrapper_1.gform_wrapper .gform_footer.right_label,
body #gform_wrapper_1.gform_wrapper .gform_footer.left_label {
padding: 0 0 0 31%;
}Also, you might consider using the "large" field option on all of your fields so they display more uniformly. Just my opinion.
test screenshot: http://grab.by/9dSL