benyschonfeld Gravity Support Forums User Favorites: benyschonfeld en-US Tue, 07 Apr 2026 21:50:05 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/trouble-positioning-submit-button-inline#post-65368 Mon, 09 Jul 2012 13:37:29 +0000 Rob Harrell 65368@https://legacy.forums.gravityhelp.com/ <p>No problem, if you get stuck - just create a new thread and we'll take a look. </p> https://legacy.forums.gravityhelp.com/topic/trouble-positioning-submit-button-inline#post-65360 Mon, 09 Jul 2012 12:11:43 +0000 tangidea 65360@https://legacy.forums.gravityhelp.com/ <p>Oh I gotcha - well its back to WS3 schools and tutsplus for me! Thanks for everything Rob! </p> https://legacy.forums.gravityhelp.com/topic/trouble-positioning-submit-button-inline#post-65357 Mon, 09 Jul 2012 11:55:12 +0000 Rob Harrell 65357@https://legacy.forums.gravityhelp.com/ <p>Welcome to the world of CSS my friend! Luckily, if you view the source you can see we append the browser name onto the container surrounding the form. You can hook onto that and write selectors appropriately.</p> <p>There are plenty of ways to achieve what you are looking to do - but hard to provide bulletproof snippets all the time for every situation from the outside. </p> https://legacy.forums.gravityhelp.com/topic/trouble-positioning-submit-button-inline#post-65350 Mon, 09 Jul 2012 11:15:05 +0000 tangidea 65350@https://legacy.forums.gravityhelp.com/ <p>Oh I see now - thanks! Looks like I had left a stray snippet from one of the other threads in the forum here in my style css.</p> <p>So thanks to your recommendations above, my email box and submit button now display *perfectly* in Safari. </p> <p>However, in Firefox the submit button now displays a few pixels too high, and a few pixels too far to the left (looks horrible) -- and on my cell phone, the button now displays completely UNDER the email box - rendering an opt-in impossible on a mobile phone.</p> <p>Is this a common problem? </p> https://legacy.forums.gravityhelp.com/topic/trouble-positioning-submit-button-inline#post-65340 Mon, 09 Jul 2012 10:00:54 +0000 Rob Harrell 65340@https://legacy.forums.gravityhelp.com/ <p>No problem. Take a look at this <a href="http://www.evernote.com/shard/s212/sh/4032b329-a320-4f2d-8144-1731c48bfd5f/88538de2f1f84e382c42a96313b2257f" rel="nofollow">screenshot</a>. You are defining a width of the wrapper and floating it to the right.</p> <p>Removing that now moves it to the left, as shown. Then you should just need to adjust your right margin (180px) on the above snippet I gave you to move the submit button closer. </p> https://legacy.forums.gravityhelp.com/topic/trouble-positioning-submit-button-inline#post-65339 Mon, 09 Jul 2012 09:55:04 +0000 tangidea 65339@https://legacy.forums.gravityhelp.com/ <p>Really awesome of you Rob - that gets me a lot closer! </p> <p>However, even with tweaking the values over the last hour I can't get the email box to appear flush to the left like the rest of the paragraph. The box wants to be centered for some reason.</p> <p>I just don't think I'm getting this CSS concept. Nothing moves the way it would seem. </p> https://legacy.forums.gravityhelp.com/topic/trouble-positioning-submit-button-inline#post-65319 Mon, 09 Jul 2012 08:20:17 +0000 Rob Harrell 65319@https://legacy.forums.gravityhelp.com/ <p>No problem, so axe all of what you have for the body #gform_wrapper_1 .gform_footer selector(s) and replaced them with this:</p> <pre><code>[css] body #gform_wrapper_1 .gform_footer { width: auto; padding: 0; margin: -40px 180px 0 0; float: right; }</code></pre> <p><a href="http://www.evernote.com/shard/s212/sh/4a8713ad-f9b0-4195-a3fa-630b3f89af9b/986c2dd26e40d50d19f56f6760f5f34a" rel="nofollow">Screenshot</a> </p> https://legacy.forums.gravityhelp.com/topic/trouble-positioning-submit-button-inline#post-65300 Mon, 09 Jul 2012 03:17:54 +0000 tangidea 65300@https://legacy.forums.gravityhelp.com/ <p>Hello everyone!</p> <p>Wow I've been stuck for days on this - I've tried the code in this thread, as well as about 5 other snippets in different threads here and still haven't been able to get the submit button to line up to the right of the email entry box.</p> <p>Can someone take a glance here and see what I'm doing wrong? <a href="http://jonathangaxiola.com/email" rel="nofollow">http://jonathangaxiola.com/email</a> </p> https://legacy.forums.gravityhelp.com/topic/trouble-positioning-submit-button-inline#post-43901 Tue, 13 Dec 2011 08:48:44 +0000 GregR 43901@https://legacy.forums.gravityhelp.com/ <p>@Rob<br /> yeah man, you are the one !!!: </p> <p>I understand the logic and tried something similar but look like I failed</p> <p>thank you again for your assistance, you rock,</p> <p>now it is time to play with the second form on that page !!! </p> https://legacy.forums.gravityhelp.com/topic/trouble-positioning-submit-button-inline#post-43899 Tue, 13 Dec 2011 08:42:35 +0000 Rob Harrell 43899@https://legacy.forums.gravityhelp.com/ <p>Hey Greg, you are absolutely positioning your submit button, so the added padding of the error message is causing the shift. Add this line in to your styles:</p> <pre><code>[css] body .gform_validation_error .gform_footer { top: 10px !important; }</code></pre>