https://legacy.forums.gravityhelp.com/topic/moving-submit-button-closer-to-last-data-field Gravity Support Forums Topic: Moving (Submit) Button Closer to Last Data Field en-US Mon, 20 Apr 2026 06:51:54 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/moving-submit-button-closer-to-last-data-field#post-11438 Wed, 20 Oct 2010 17:12:07 +0000 Carl Hancock 11438@https://legacy.forums.gravityhelp.com/ <p>You are styling the wrong elements. The padding and margin isn't on the button, it's on the footer itself. You are applying all your styles to the button element so that isn't going to do what you want to do.</p> <p>Try adding this to the bottom of your theme stylesheet:</p> <pre><code>.gform_wrapper .gform_footer {margin: 0px 20px!important; padding: 0px!important;}</code></pre> https://legacy.forums.gravityhelp.com/topic/moving-submit-button-closer-to-last-data-field#post-11436 Wed, 20 Oct 2010 16:35:30 +0000 tasseyrusso 11436@https://legacy.forums.gravityhelp.com/ <p>URL: <a href="http://www.afullyengagedlife.com" rel="nofollow">http://www.afullyengagedlife.com</a></p> <p>I would like to move a Submit button, both in a footer area and on a regular form, so that it is spaced closer to the last field entry. Also, in the footer area, I would like the button to be flush with the fields, not to the left of them.</p> <p>I've tried modifying the CSS code for the .gform footer to reduce the padding but it does not seem to be working to move the Submit button closer to the last field entry.</p> <p>Here is the code;<br /> <pre><code>[css] .gform_footer .button { background: #933F40; color: #FFFFFF; font-size: 11px; font-family: Arial, Tahoma, Verdana; font-weight: bold; text-decoration: none; text-transform: uppercase; margin: 0; padding: 1px 1px 1px 1px; border: 1px solid #333333; -moz-border-radius: 1px; -khtml-border-radius: 1px; -webkit-border-radius: 1px; } .gform_footer .button:hover { background: #000000; border: 1px solid #000000; } .gform_footer input.button { background: #933F40; color: #FFFFFF !important; } .gform_wrapper .gform_footer { border: none!important; }</code></pre> <p>Is there a particular parameter I'm missing or not changing out?</p> <p>Thanks! </p>