https://legacy.forums.gravityhelp.com/topic/single-text-box-left-submit-button-right-css-issue Gravity Support Forums Topic: Single Text Box Left, Submit Button Right - CSS Issue en-US Mon, 20 Apr 2026 10:07:53 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/single-text-box-left-submit-button-right-css-issue#post-72668 Sun, 26 Aug 2012 18:41:47 +0000 Mastal 72668@https://legacy.forums.gravityhelp.com/ <p>I was bored while was waiting for something and saw your problem.</p> <p>I think that if you add this css rule, the problem will disappear:</p> <pre><code>[css] body #gform_wrapper_1 .gfield_label { display: none; } body #gform_wrapper_1 .gform_footer { top: 0; }</code></pre> <p>Hope it helps. </p> https://legacy.forums.gravityhelp.com/topic/single-text-box-left-submit-button-right-css-issue#post-72666 Sun, 26 Aug 2012 18:29:51 +0000 jblack350 72666@https://legacy.forums.gravityhelp.com/ <p>Chris - huge help, thanks a lot! Any idea where the space above the textbox/submit button is coming from? I don't see any padding anywhere, but there is 10-15px between the border and the top of the submit button. </p> https://legacy.forums.gravityhelp.com/topic/single-text-box-left-submit-button-right-css-issue#post-72622 Sun, 26 Aug 2012 01:05:03 +0000 Chris Hajer 72622@https://legacy.forums.gravityhelp.com/ <p>Please see this topic for an explanation and solution:<br /> <a href="http://www.gravityhelp.com/forums/topic/trouble-positioning-submit-button-inline#post-19798" rel="nofollow">http://www.gravityhelp.com/forums/topic/trouble-positioning-submit-button-inline#post-19798</a></p> <p>Modifying the values that Kevin previously used worked OK for me on your sidebar form:<br /> <pre><code>[css] /* make the form container relative for positioning */ body #gform_wrapper_1 { position: relative; } /* resize and position the form footer with the button */ body #gform_wrapper_1 .gform_footer { width: auto; position: absolute; top: 22px; left: 160px; padding: 0; margin: 0; }</code></pre> <p>Feel free to change the top and left to put the button right where you want it. </p> https://legacy.forums.gravityhelp.com/topic/single-text-box-left-submit-button-right-css-issue#post-72616 Sun, 26 Aug 2012 00:32:20 +0000 jblack350 72616@https://legacy.forums.gravityhelp.com/ <p>Hello -</p> <p>I am having with a simple form I created using gravity forms. All I want is to have my email text box aligned left and my submit button aligned right -- both on the same line. I am getting close, but have spent a couple hours and can't quite get it. </p> <p>The form is on the left sidebar at <a href="http://www.mattcarterband.com" rel="nofollow">http://www.mattcarterband.com</a> - the submit button is on the line below the text box. Any ideas?</p> <pre><code></code></pre>