https://legacy.forums.gravityhelp.com/topic/6-column-layout Gravity Support Forums Topic: 6 column layout en-US Mon, 20 Apr 2026 08:56:54 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/6-column-layout#post-71442 Fri, 17 Aug 2012 08:06:05 +0000 Rob Harrell 71442@https://legacy.forums.gravityhelp.com/ <p>Jeff, I sent you an email. </p> https://legacy.forums.gravityhelp.com/topic/6-column-layout#post-71440 Fri, 17 Aug 2012 08:01:49 +0000 PowerMedia 71440@https://legacy.forums.gravityhelp.com/ <p>No other help from here. Just want to give it one last shot...thanks! </p> https://legacy.forums.gravityhelp.com/topic/6-column-layout#post-71306 Thu, 16 Aug 2012 11:06:04 +0000 PowerMedia 71306@https://legacy.forums.gravityhelp.com/ <p>I have to be honest with you...I basically changed a few of the sections for the model I used. Not sure where to get started with what you suggested. </p> https://legacy.forums.gravityhelp.com/topic/6-column-layout#post-71298 Thu, 16 Aug 2012 10:47:57 +0000 Rob Harrell 71298@https://legacy.forums.gravityhelp.com/ <p>What if you created a new class: gf_one_sixth_first</p> <p>Then style it like the others, but place the "clear: both" on that one only. </p> https://legacy.forums.gravityhelp.com/topic/6-column-layout#post-71295 Thu, 16 Aug 2012 10:35:16 +0000 PowerMedia 71295@https://legacy.forums.gravityhelp.com/ <p>I saw a post that gave tips on creating a 4 column layout. It worked perfectly for me! Now I am trying to create a 6 column layout. I works great for every other line. Here is a link to the form: <a href="http://about.powermediallc.org/forms/roster-submission/" rel="nofollow">http://about.powermediallc.org/forms/roster-submission/</a>.</p> <p>I've added the code that I am working with below and use gf_one_sixth in the css class name with the last column using gf_one_sixth gf_sixth_last:<br /> <pre><code>/* 6 column ready class ------------------------------------------------------*/ .gform_wrapper .top_label li.gfield.gf_one_sixth { float:left; margin-right: 1%; width: 13%; clear:right !important; } .gform_wrapper .top_label li.gfield.gf_sixth_last { margin-right:0; } .gform_wrapper .top_label li.gfield.gfield_error.gf_one_sixth { width: 18% } .gform_wrapper .top_label li.gfield.gf_one_sixth input.medium, .gform_wrapper .top_label li.gfield.gf_one_sixth input.large, .gform_wrapper .top_label li.gfield.gf_one_sixth select.medium, .gform_wrapper .top_label li.gfield.gf_one_sixth select.large { width: 70% } .gform_wrapper .top_label li.gfield.gf_one_sixth +li.gsection, .gform_wrapper .top_label li.gfield.gf_one_sixth +li.gsection { padding: 16px 0 8px 0 } .gform_wrapper .top_label li.gfield.gf_one_sixth +li.gfield, .gform_wrapper .top_label li.gfield.gf_one_sixth +li.gfield, .gform_wrapper .top_label li.gfield.gf_one_sixth +li.gfield, .gform_wrapper .top_label li.gfield.gf_one_sixth +.gform_footer, .gform_wrapper .top_label li.gfield.gf_one_sixth +.gform_footer, .gform_wrapper .top_label li.gfield.gf_one_sixth +.gform_footer { clear: both }</code></pre> <p>Any tips on fixing the rows? Thanks. </p>