https://legacy.forums.gravityhelp.com/topic/putting-fields-next-to-each-other Gravity Support Forums Topic: Putting fields next to each other en-US Mon, 20 Apr 2026 03:25:56 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/putting-fields-next-to-each-other#post-12551 Thu, 11 Nov 2010 20:05:41 +0000 Kevin Flahaut 12551@https://legacy.forums.gravityhelp.com/ <p>You're very welcome. Have a great evening. </p> https://legacy.forums.gravityhelp.com/topic/putting-fields-next-to-each-other#post-12548 Thu, 11 Nov 2010 19:13:25 +0000 katherholt 12548@https://legacy.forums.gravityhelp.com/ <p>Perfect, thank you, thank you, thank you! I can now go on to make about 15 more like these. </p> https://legacy.forums.gravityhelp.com/topic/putting-fields-next-to-each-other#post-12545 Thu, 11 Nov 2010 18:57:18 +0000 Kevin Flahaut 12545@https://legacy.forums.gravityhelp.com/ <p>try adding this</p> <p><code>body #gform_wrapper_1 .gform_footer input.button {margin-top:20px}</code></p> <p>just tweak the value to your preference.</p> <p>Here's my <a href="http://grab.by/grabs/7124a1df7156c2d826688dd661fb9542.png" rel="nofollow">test screenshot</a> </p> https://legacy.forums.gravityhelp.com/topic/putting-fields-next-to-each-other#post-12531 Thu, 11 Nov 2010 16:52:55 +0000 katherholt 12531@https://legacy.forums.gravityhelp.com/ <p><a href="http://www.serviceteamtraining.com/" rel="nofollow">http://www.serviceteamtraining.com/</a> look under "Training Cost Benefit Analysis [pdf download]" towards the bottom of the page.</p> <p>I'm making progress, but can't get the submit button to line up with the fields - any ideas?<br /> <a href="http://www.serviceteamtraining.com/formatting-example.jpg" rel="nofollow">http://www.serviceteamtraining.com/formatting-example.jpg</a> </p> https://legacy.forums.gravityhelp.com/topic/putting-fields-next-to-each-other#post-12517 Thu, 11 Nov 2010 14:51:54 +0000 katherholt 12517@https://legacy.forums.gravityhelp.com/ <p>I'm trying to do the same thing, I want a simple email + zipcode + submit on one line. Can anyone help?</p> <p><a href="http://www.serviceteamtraining.com/" rel="nofollow">http://www.serviceteamtraining.com/</a> look under "Training Cost Benefit Analysis [pdf download]" towards the bottom of the page.</p> <p>You can see another form below that represents what I need. I made this form in another program, but would like to use gravity forms. </p> https://legacy.forums.gravityhelp.com/topic/putting-fields-next-to-each-other#post-11676 Wed, 27 Oct 2010 09:11:49 +0000 hvb 11676@https://legacy.forums.gravityhelp.com/ <p>I got it now! Thanks for the support:) </p> https://legacy.forums.gravityhelp.com/topic/putting-fields-next-to-each-other#post-11640 Tue, 26 Oct 2010 11:03:19 +0000 David Smith 11640@https://legacy.forums.gravityhelp.com/ <p>Yep. The example code was intended to serve as a base to work from. If you view the source of your form page, you can see the list item (&lt; li &gt;) that encases each field. By using CSS to target the ID of the desired list item, you can alter how it is displayed. Just copy, paste, update the IDs and win! </p> https://legacy.forums.gravityhelp.com/topic/putting-fields-next-to-each-other#post-11638 Tue, 26 Oct 2010 10:52:06 +0000 hvb 11638@https://legacy.forums.gravityhelp.com/ <p>This only fixed the problem for my first date and time, I have more forms tough (with date and time on same field) but it didn't change there. Is there a way so this apply's to all my forms? (I don't know if this matters but all the dates and times are on the same level as on the test link) </p> https://legacy.forums.gravityhelp.com/topic/putting-fields-next-to-each-other#post-11627 Tue, 26 Oct 2010 09:04:06 +0000 David Smith 11627@https://legacy.forums.gravityhelp.com/ <p>Hi hvb, something like this should do the trick:</p> <pre><code>#field_4_6 { float: left; clear: left; } /* date field */ #field_4_7 { float: left; clear: right; } /* time field */ #field_4_21 { clear: both; } /* html field acting as divider */</code></pre> <p>Place this code in your theme's styles.css file. Using this as a template, you can copy, paste, and replace the field ids for each of the other fields using this pattern in the form. </p> https://legacy.forums.gravityhelp.com/topic/putting-fields-next-to-each-other#post-11625 Tue, 26 Oct 2010 03:58:32 +0000 hvb 11625@https://legacy.forums.gravityhelp.com/ <p>Abit late on the reply (been away for a week) but I got a link that should work for you: <a href="http://hvbavexpress.nl/testgf/" rel="nofollow">http://hvbavexpress.nl/testgf/</a> the thing I want to do is put the time and date next to each other (so people know they are connected like I explained above. </p>