https://legacy.forums.gravityhelp.com/topic/css-reposition-submit-button-right-of-email-field Gravity Support Forums Topic: CSS: Reposition 'submit' button right of 'email' field en-US Mon, 20 Apr 2026 01:25:29 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-reposition-submit-button-right-of-email-field#post-52248 Tue, 13 Mar 2012 12:31:36 +0000 Kevin Flahaut 52248@https://legacy.forums.gravityhelp.com/ <p>There's an example here you can take a look at. You would need to modify the CSS to reflect your form ID, etc. but it should be a good place to start.</p> <p><a href="http://www.gravityhelp.com/forums/topic/submit-button-inline-with-form-fields" rel="nofollow">http://www.gravityhelp.com/forums/topic/submit-button-inline-with-form-fields</a></p> <p>Honestly, the screencap isn't of any use for trying to give you any specific guidance. If you get stuck, then send a URL to a live form when you have it accessible and we'll be happy to look at it further with you. </p> https://legacy.forums.gravityhelp.com/topic/css-reposition-submit-button-right-of-email-field#post-52234 Tue, 13 Mar 2012 10:38:21 +0000 MacDingo 52234@https://legacy.forums.gravityhelp.com/ <p>Hi Rob<br /> Thanks for the hint. I had a look but I'm not good enough with CSS to get it done properly.<br /> Is it a matter of floating the text box to the left and the button to the right?</p> <p>If there is any code you have handy it would help me out a great deal!</p> <p>Many thanks in advance </p> https://legacy.forums.gravityhelp.com/topic/css-reposition-submit-button-right-of-email-field#post-52220 Tue, 13 Mar 2012 07:24:11 +0000 Rob Harrell 52220@https://legacy.forums.gravityhelp.com/ <p>Helped this guy the other day:</p> <p><a href="http://smart-protect.com/pc-protection/easy-updates-for-mac-os-x-programs/" rel="nofollow">http://smart-protect.com/pc-protection/easy-updates-for-mac-os-x-programs/</a></p> <p>I'd recommend using Chrome Developer Tools or Firebug for Firefox to inspect the elements and look at how the CSS is done. </p> https://legacy.forums.gravityhelp.com/topic/css-reposition-submit-button-right-of-email-field#post-52216 Tue, 13 Mar 2012 05:50:18 +0000 MacDingo 52216@https://legacy.forums.gravityhelp.com/ <p>Hello</p> <p>I have a simple one field form to capture emails (linked into MailChimp).<br /> See image here: <a href="http://acivia.com/capture175.png" rel="nofollow">http://acivia.com/capture175.png</a></p> <p>I managed to change the forms background color per CSS but the one remaining problem I have is that I need to put the submit button to the right of the input field, on the same line as it currently wastes too much spaces and messes up my layout.</p> <p>Could anyone give me some CSS code to achieve that?</p> <p>Any help very much appreciated!!</p> <p>PS: Can't post a link to dev site as it is not accessible online. Hope the picture will do. </p>