https://legacy.forums.gravityhelp.com/topic/2-columns-not-aligning-to-top Gravity Support Forums Topic: 2 Columns not Aligning to Top en-US Wed, 15 Apr 2026 03:15:32 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/2-columns-not-aligning-to-top#post-90310 Mon, 12 Nov 2012 16:38:40 +0000 RobOrillia 90310@https://legacy.forums.gravityhelp.com/ <p>Absolutely perfect!!!</p> <p>I inserted it into the base.css stylesheet and voila.</p> <p>Thanks very much for the help you guys, I appreciate it :-)</p> <p>R </p> https://legacy.forums.gravityhelp.com/topic/2-columns-not-aligning-to-top#post-90254 Mon, 12 Nov 2012 14:00:56 +0000 David Peralty 90254@https://legacy.forums.gravityhelp.com/ <p>In your style.css can you put:</p> <pre><code>.gform_wrapper .top_label li.gfield.gf_right_half { width: 48% !important; }</code></pre> <p>And see if that fixes it? </p> https://legacy.forums.gravityhelp.com/topic/2-columns-not-aligning-to-top#post-90250 Mon, 12 Nov 2012 13:45:30 +0000 RobOrillia 90250@https://legacy.forums.gravityhelp.com/ <p>Hey David: I think I am getting closer but still having troubles with top alignment. Now I have two columns (great) but they do not line up to the top properly. There's also lots of extra space between each field. Here's a screenshot of the way I am inserting the CSS <a href="http://stonegateinn.com/wp-content/uploads/2012/11/faq.png" rel="nofollow">http://stonegateinn.com/wp-content/uploads/2012/11/faq.png</a>. Maybe I am not placing it properly?</p> <p>Thanks for the speedy response!</p> <p>Getting closer,</p> <p>Rob </p> https://legacy.forums.gravityhelp.com/topic/2-columns-not-aligning-to-top#post-90210 Mon, 12 Nov 2012 12:08:32 +0000 David Peralty 90210@https://legacy.forums.gravityhelp.com/ <p>What Kevin was trying to say is that instead of thinking of it as a one column form broken half way through and placed side by side, try to think of it as a left side and a right side for each line. So you want to do what you've shown in an image it would be:</p> <p>First Name<br /> Casino Rama<br /> Last Name<br /> Shuttle Leave<br /> Email<br /> Shuttle Leave<br /> Phone<br /> Number of Passengers<br /> Notes<br /> Room Type</p> <p>Hope that makes more sense to you. </p> https://legacy.forums.gravityhelp.com/topic/2-columns-not-aligning-to-top#post-90203 Mon, 12 Nov 2012 11:39:28 +0000 RobOrillia 90203@https://legacy.forums.gravityhelp.com/ <p>Thanks a lot Kevin! I so wish I had a programmer's mind for this stuff. Sadly I do not so I am hoping you can shed a little more light on my challenge. This is what I want the form to look like <a href="http://stonegateinn.com/wp-content/uploads/2012/11/2-col-form.jpg" rel="nofollow">http://stonegateinn.com/wp-content/uploads/2012/11/2-col-form.jpg</a></p> <p>I tried following your suggestions and suppose I am just not getting it. When you say 'You need to use "gf_left_half" then "gf_right_half" together in succession." What does that mean? The fieldset concept looks cool but again I can't seem to get my head around it. It does not matter what I do here I just can't seem to make this happen and know it's my own lack of understanding.</p> <p>I am hoping you can tell me (in terms I get) the easiest way to accomplish my goal <a href="http://stonegateinn.com/wp-content/uploads/2012/11/2-col-form.jpg" rel="nofollow">http://stonegateinn.com/wp-content/uploads/2012/11/2-col-form.jpg</a></p> <p>Thanks,</p> <p>R </p> https://legacy.forums.gravityhelp.com/topic/2-columns-not-aligning-to-top#post-87967 Tue, 06 Nov 2012 12:13:28 +0000 Kevin Flahaut 87967@https://legacy.forums.gravityhelp.com/ <p>If you want to use the Ready Classes, then you need to use them together correctly. You need to use "gf_left_half" then "gf_right_half" together in succession. Doing them the way you are (stacking a group of lefts and rights) simply isn't going to work.</p> <p>You can re-order your form fields and then use the right &amp; left classes so the form lays out properly, or you can always use the HTML blocks to introduce some new markup (add div containers, etc) and then float the containing elements, etc. </p> <p>You can refer to this older post about using the HTML blocks to add fieldsets.. the concept is exactly the same, you would just use div element containers if you didn't want the fieldsets. Once the new divs are added in the markup, you can position and style them however you would like.</p> <p><a href="http://www.gravityhelp.com/forums/topic/fieldsets#post-17019" rel="nofollow">http://www.gravityhelp.com/forums/topic/fieldsets#post-17019</a></p> <p>I'd personally just go with reordering the form fields and using the Ready Classes together properly.</p> <p>Best of luck. </p> https://legacy.forums.gravityhelp.com/topic/2-columns-not-aligning-to-top#post-87966 Tue, 06 Nov 2012 11:58:36 +0000 RobOrillia 87966@https://legacy.forums.gravityhelp.com/ <p>Hi There: I am new to this forum and Gravity Forms. I simply love this plugin but realize I have lots to learn. </p> <p>My first form that I am a little challenged with can be found here </p> <p><a href="http://www.stonegateinn.com/hotel-packages/casino-getaway/" rel="nofollow">http://www.stonegateinn.com/hotel-packages/casino-getaway/</a> </p> <p>My challenge is getting the 2 columns to align top. The instructions you provided were followed (re: top label alignment) yet the 2 columns do not seem to align top.</p> <p>Any ideas on how I can fix this?</p> <p>Thanks a bunch!</p> <p>Rob </p>