https://legacy.forums.gravityhelp.com/topic/align-submit-button-with-inline-fields Gravity Support Forums Topic: Align Submit button with inline fields en-US Wed, 22 Apr 2026 11:11:10 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/align-submit-button-with-inline-fields#post-67525 Mon, 23 Jul 2012 08:52:50 +0000 Rob Harrell 67525@https://legacy.forums.gravityhelp.com/ <p>Drop this into your theme's stylesheet for the input padding:</p> <pre><code>[css] .gform_wrapper .top_label li.gfield.gf_inline input[type=&quot;text&quot;].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=&quot;url&quot;].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=&quot;email&quot;].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=&quot;tel&quot;].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=&quot;number&quot;].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=&quot;password&quot;].medium { padding-left: 5px; }</code></pre> <p>Here is your culprit on the select: <a href="http://www.evernote.com/shard/s212/sh/fc2a996e-99b4-4fa0-8f80-5fbf0a45208b/4d129847a2dd4a490ba64af508f0d152" rel="nofollow">Screenshot</a> </p> https://legacy.forums.gravityhelp.com/topic/align-submit-button-with-inline-fields#post-67524 Mon, 23 Jul 2012 08:34:34 +0000 mlemmond 67524@https://legacy.forums.gravityhelp.com/ <p>Thanks for your help, I'm impressed. Few more needs:</p> <p><a href="http://lemmonddesign.dreamhosters.com" rel="nofollow">http://lemmonddesign.dreamhosters.com</a><br /> 1. The type within the form is touching the left edge of the form field. How do I correct that?<br /> 2. The drop down arrow isn't showing up in Safari. Thoughts? </p> <p>Thanks! </p> https://legacy.forums.gravityhelp.com/topic/align-submit-button-with-inline-fields#post-67522 Mon, 23 Jul 2012 08:28:32 +0000 Rob Harrell 67522@https://legacy.forums.gravityhelp.com/ <p>Looks good to me! </p> https://legacy.forums.gravityhelp.com/topic/align-submit-button-with-inline-fields#post-67441 Sun, 22 Jul 2012 17:54:28 +0000 mlemmond 67441@https://legacy.forums.gravityhelp.com/ <p>Am I on the right track with the CSS stuff? </p> https://legacy.forums.gravityhelp.com/topic/align-submit-button-with-inline-fields#post-67440 Sun, 22 Jul 2012 15:43:56 +0000 Rob Harrell 67440@https://legacy.forums.gravityhelp.com/ <p>Because you are using default values - technically the fields can submit because there is content in them. However, you could alternatively try out this approach - which would take the labels and place them in the inputs (so you would want to add your labels back in). <a href="http://www.wduffy.co.uk/jLabel/" rel="nofollow">http://www.wduffy.co.uk/jLabel/</a> </p> https://legacy.forums.gravityhelp.com/topic/align-submit-button-with-inline-fields#post-67439 Sun, 22 Jul 2012 15:13:00 +0000 mlemmond 67439@https://legacy.forums.gravityhelp.com/ <p>I just noticed the drop down arrow isn't working on Safari. Any thoughts? </p> https://legacy.forums.gravityhelp.com/topic/align-submit-button-with-inline-fields#post-67438 Sun, 22 Jul 2012 15:09:11 +0000 mlemmond 67438@https://legacy.forums.gravityhelp.com/ <p>Oh and with the CSS styling questions, it looks like what I need to do is build this structure (<a href="http://www.gravityhelp.com/resources/cssguide/css_guide.html" rel="nofollow">http://www.gravityhelp.com/resources/cssguide/css_guide.html</a>) into my CSS and edit from there, correct? </p> https://legacy.forums.gravityhelp.com/topic/align-submit-button-with-inline-fields#post-67437 Sun, 22 Jul 2012 15:00:30 +0000 mlemmond 67437@https://legacy.forums.gravityhelp.com/ <p>I think I got it. Check it out: lemmonddesign.dreamhosters.com. </p> <p>On to styling: </p> <p>1. Fields and Button same size on same line.<br /> -The code I added in the CSS is still there. Seems to be working. Should that happen?<br /> 2. I read that including a "Default Value" makes it so nothing is required? Is this still true? These fields have to be required.<br /> -On this topic: I'd like to make everything required but hide the "*" asterisks.<br /> -Is this possible? </p> <p>Get back to me when you can. Thanks! </p> <p>(Side note: FYI, when I put in the "CSS Class Name" and "Default Value" and then deleted the field label it would negate the "Default Value." It was there, I just had to copy and paste it back in. Not sure if this a bug or what.) </p> https://legacy.forums.gravityhelp.com/topic/align-submit-button-with-inline-fields#post-67422 Sun, 22 Jul 2012 08:48:37 +0000 Rob Harrell 67422@https://legacy.forums.gravityhelp.com/ <p>Here is a tutorial on how you can do value clearing and placement:<br /> <a href="http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/" rel="nofollow">http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/</a></p> <p>Let me know when you've got that working and then we'll look at the styling. </p> https://legacy.forums.gravityhelp.com/topic/align-submit-button-with-inline-fields#post-67384 Sat, 21 Jul 2012 18:13:54 +0000 mlemmond 67384@https://legacy.forums.gravityhelp.com/ <p>Oops. Here's what I need it to look like: <a href="http://ad-site-p2.lemmond-design-test.yourwebisonline.com/" rel="nofollow">http://ad-site-p2.lemmond-design-test.yourwebisonline.com/</a></p> <p>Please help! </p>