Reduce space before Submit button - CSS

Gravity Support Forums » Plugin Support » Gravity Forms

polishedlife
Member

Hi - I have a simple form that's not using any extra stuff (fancybox, etc). There is only one radio button selection. But between the radio buttons and the submit button, there is a huge amount of space (looks like the equivalent of about 3 or 4 'line return' tags).

I'm not great with CSS, can someone please tell me what to change in my CSS to override all this space? I assume it's several margin and paddings, but if someone could give me the exact CSS tags to drop in to reduce this down to almost nothing, it would be appreciated!

Thanks...

Posted 14 years ago on Sunday December 19, 2010 | Permalink
Kevin Flahaut
Administrator

I can't really give you any guidance without seeing the form itself. Please post the URL to your form page and I'll take a look at it.

Posted 14 years ago on Sunday December 19, 2010 | Permalink
polishedlife
Member

Thanks, sorry, meant to include this:

http://polishedlife.com/test/

Would like the space before the 'submit' button removed, and space after each of the input areas (the checkbox and the radio buttons) reduced as well.

Thanks, Kevin.

Posted 14 years ago on Sunday December 19, 2010 | Permalink

Append this to the end of your theme's stylesheet. It will take care of the extra margins and paddings inherited from your theme.

/* reset margins and padding on form footer */
body .gform_wrapper .gform_footer {margin:0; padding:0}

/* remove the padding on the ul inherited from the theme */
body .gform_wrapper ul {padding:0!important}

/* remove the left margin on the li inherited from the theme */
body .gform_wrapper ul li {margin:0!important}

screenshot: http://grab.by/7YSG

Posted 14 years ago on Monday December 20, 2010 | Permalink

polishedlife
Member

That worked, Kevin, thanks for the help! Appreciate the quick replies...

Posted 14 years ago on Monday December 20, 2010 | Permalink

This topic has been resolved and has been closed to new replies.