https://legacy.forums.gravityhelp.com/topic/how-to-create-2-columns Gravity Support Forums Topic: How to create 2 columns en-US Mon, 20 Apr 2026 14:24:08 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/how-to-create-2-columns#post-9652 Fri, 10 Sep 2010 08:42:10 +0000 Kevin Flahaut 9652@https://legacy.forums.gravityhelp.com/ <p>Great news. I'm pleased that I could help. </p> https://legacy.forums.gravityhelp.com/topic/how-to-create-2-columns#post-9649 Fri, 10 Sep 2010 06:34:31 +0000 SheilaZaldivar 9649@https://legacy.forums.gravityhelp.com/ <p>Kevin... it works! you are a most wonderful wonderful savior! Thank you soooo much!!!! </p> https://legacy.forums.gravityhelp.com/topic/how-to-create-2-columns#post-9493 Tue, 07 Sep 2010 01:18:51 +0000 Kevin Flahaut 9493@https://legacy.forums.gravityhelp.com/ <p>looks like you have the field id wrong. Try this.</p> <p><code>#input_8_4 li {width:50%; margin:0; min-height:1.8em; float:left}</code></p> <p>That worked okay for me. <a href="http://grab.by/grabs/b14dc8f99cf05b30154ea36201c44307.png" rel="nofollow">screenshot</a> </p> https://legacy.forums.gravityhelp.com/topic/how-to-create-2-columns#post-9492 Tue, 07 Sep 2010 00:48:14 +0000 SheilaZaldivar 9492@https://legacy.forums.gravityhelp.com/ <p>Kevin, </p> <p>Thanks so much but when I try it on my dummy site, it works. When i try it on my real site, even though I adjust the form ID number, it still doesn't work. :( I can't quite figure out what I'm doing wrong. Appreciate your help please!</p> <p>Here's the real site. Can't make it work.<br /> <a href="http://whatareyoudealingwith.com/free-assessment-2-2/what-are-you-dealing-with-to-grow-your-business-free-assessment/" rel="nofollow">http://whatareyoudealingwith.com/free-assessment-2-2/what-are-you-dealing-with-to-grow-your-business-free-assessment/</a> </p> https://legacy.forums.gravityhelp.com/topic/how-to-create-2-columns#post-9332 Fri, 03 Sep 2010 10:31:57 +0000 Wheaton College 9332@https://legacy.forums.gravityhelp.com/ <p>Having drag-and-drop placement of fields would be really cool. I know it would probably be difficult, but... :) </p> https://legacy.forums.gravityhelp.com/topic/how-to-create-2-columns#post-9315 Thu, 02 Sep 2010 23:46:54 +0000 Kevin Flahaut 9315@https://legacy.forums.gravityhelp.com/ <p>There really isn't any generic CSS markup that will work for every form. Basically, you would use the float property to achieve this. For your particular form, I viewed the source, looked at the ID on the unordered list, then used this rule to create 4 columns of checkboxes.</p> <p><code>#input_1_6 li {width:25%; margin:0; min-height:1.8em; float:left}</code></p> <p>you would add that to the end of your theme's style.css file.</p> <p><a href="http://grab.by/grabs/28a54afeda6afe30b5eaa111d227e905.png" rel="nofollow">view test screenshot</a></p> <p>If you wanted just 2 columns, you would simply adjust the width to 50%, 3 columns would be 33%, etc.</p> <p>This works really well for checkboxes and radio buttons with short, single line labels. It's a bit more difficult when you're trying to manage other fields. </p> https://legacy.forums.gravityhelp.com/topic/how-to-create-2-columns#post-9310 Thu, 02 Sep 2010 19:59:06 +0000 SheilaZaldivar 9310@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I've read the other posts regarding creating columns however, I still am unable to figure out exactly what I need to do. Unfortunately I am not a programmer. Say I have a form with 20 options and I want to split them into 2 columns so they don't look too long. My questions are:</p> <p>1. Where can I find the css code to achieve this?<br /> 2. Exactly where do i paste this css code?</p> <p>Appreciate any help. Thanks</p> <p><a href="http://virtualassistant.vaphilippines.com/form/" rel="nofollow">http://virtualassistant.vaphilippines.com/form/</a> </p>