https://legacy.forums.gravityhelp.com/topic/how-can-i-stack-my-3-column-layout Gravity Support Forums Topic: How can I stack my 3 column layout? en-US Sat, 04 Apr 2026 14:20:15 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/how-can-i-stack-my-3-column-layout#post-54126 Tue, 03 Apr 2012 15:36:49 +0000 Kevin Flahaut 54126@https://legacy.forums.gravityhelp.com/ <p>yeah, the classes are being applied properly. The thing is that the small, medium and large input sizes are defined as percentages of the container width. If you make changes to the sizes of the containing elements anywhere, then naturally you're going to need to adjust the width values of those classes for the fields you changed. </p> https://legacy.forums.gravityhelp.com/topic/how-can-i-stack-my-3-column-layout#post-54121 Tue, 03 Apr 2012 15:28:12 +0000 lukewatson81 54121@https://legacy.forums.gravityhelp.com/ <p>Thank you I think I have it now with applying individual classes, but one little problem now is my small, medium and large don't seem to be applying at all.<br /> For example, Name is Large and Country is medium , but they are they same length? </p> https://legacy.forums.gravityhelp.com/topic/how-can-i-stack-my-3-column-layout#post-54116 Tue, 03 Apr 2012 15:22:43 +0000 Kevin Flahaut 54116@https://legacy.forums.gravityhelp.com/ <p>You may want to check out this topic.. if you want to do a more advanced column layout, you may need to make creative use of the HTML fields to introduce div wrappers to force the column layout. There is an example of what I'm talking about here.</p> <p><a href="http://www.gravityhelp.com/forums/topic/textarea-will-make-extra-space-in-layout" rel="nofollow">http://www.gravityhelp.com/forums/topic/textarea-will-make-extra-space-in-layout</a> </p> https://legacy.forums.gravityhelp.com/topic/how-can-i-stack-my-3-column-layout#post-54114 Tue, 03 Apr 2012 15:21:03 +0000 lukewatson81 54114@https://legacy.forums.gravityhelp.com/ <p>Can you do 4 columns? </p> https://legacy.forums.gravityhelp.com/topic/how-can-i-stack-my-3-column-layout#post-54110 Tue, 03 Apr 2012 15:14:05 +0000 Rob Harrell 54110@https://legacy.forums.gravityhelp.com/ <p>Try this one: <a href="http://grab.by/cURC" rel="nofollow">http://grab.by/cURC</a></p> <p>#field_1_9 li would target the list item inside of #field_1_9. However, #field_1_9 is an li. So you should be able to use:</p> <pre><code>[css] li#field_1_9 {}</code></pre> https://legacy.forums.gravityhelp.com/topic/how-can-i-stack-my-3-column-layout#post-54106 Tue, 03 Apr 2012 15:09:09 +0000 lukewatson81 54106@https://legacy.forums.gravityhelp.com/ <p>Thanks for the quick reply...i can't actually see anything in that link?<br /> Um I tried using #field_1_9 li {position:relative; margin-top:-150px;} in my css but it doesn't apply?<br /> What am I doing wrong? </p> https://legacy.forums.gravityhelp.com/topic/how-can-i-stack-my-3-column-layout#post-54104 Tue, 03 Apr 2012 15:07:06 +0000 Rob Harrell 54104@https://legacy.forums.gravityhelp.com/ <p>I don't think you are going to find a ready class that will lay this out in this situation. It is possible though via CSS and targeting each li's #. I did something similar for a client of mine here:</p> <p><a href="http://bit.ly/H6HRFV" rel="nofollow">http://bit.ly/H6HRFV</a></p> <p>Is that the look you are going for? </p> https://legacy.forums.gravityhelp.com/topic/how-can-i-stack-my-3-column-layout#post-54103 Tue, 03 Apr 2012 15:05:56 +0000 lukewatson81 54103@https://legacy.forums.gravityhelp.com/ <p>maybe I need 5 columns? </p> https://legacy.forums.gravityhelp.com/topic/how-can-i-stack-my-3-column-layout#post-54099 Tue, 03 Apr 2012 15:02:05 +0000 lukewatson81 54099@https://legacy.forums.gravityhelp.com/ <p>Hi there,<br /> On this form here <a href="http://5dollarsmokealarms.ey3host.com/contact-us/" rel="nofollow">http://5dollarsmokealarms.ey3host.com/contact-us/</a><br /> I am using the 3 column css ready classes Thirds (3 Columns)<br /> gf_left_third etc, however I can't seem to get the columns stacked correctly.<br /> I need the email to be under name, and phone and state to be under email etc and have the height of the comments box to be the height of the whole form?<br /> Can anyone help me? </p>