https://legacy.forums.gravityhelp.com/topic/general-css-style-for-multi-column-checkbox Gravity Support Forums Topic: General css style for multi-column checkbox en-US Mon, 20 Apr 2026 06:19:36 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/general-css-style-for-multi-column-checkbox#post-12575 Fri, 12 Nov 2010 10:15:07 +0000 irisse 12575@https://legacy.forums.gravityhelp.com/ <p>Got it. Thanks </p> https://legacy.forums.gravityhelp.com/topic/general-css-style-for-multi-column-checkbox#post-12573 Fri, 12 Nov 2010 09:37:47 +0000 Kevin Flahaut 12573@https://legacy.forums.gravityhelp.com/ <p>Okay, try this out. This should work the way you want for the salutation options and apply globally as well.</p> <p>add this to your style sheet.</p> <pre><code>.gform_wrapper li.gf_list_inline ul.gfield_checkbox li, .gform_wrapper li.gf_list_inline ul.gfield_radio li {width:auto!important; float:none!important; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; margin:0 10px 10px 0;}</code></pre> <p>then, when creating your form in the form editor, click on the salutation field (or any multiple choice/checkbox list you want to apply this too), click on the advanced tab and place this in the "CSS class name" field.</p> <p>gf_list_inline</p> <p>Save the form and then it should display all of the items in that list in an inline format. Just to be clear, the inline format isn't equally spaced columns, it just allows the elements to all float inline like text. This works particularly well with just a couple of items, or items with labels of significantly different lengths.</p> <p>This is actually something we're adding as a default style in the new 1.5 version that will be out soon. You can read up about this "ready class" and others here.</p> <p><a href="http://www.gravityhelp.com/css-ready-classes-for-gravity-forms/" rel="nofollow">http://www.gravityhelp.com/css-ready-classes-for-gravity-forms/</a> </p> https://legacy.forums.gravityhelp.com/topic/general-css-style-for-multi-column-checkbox#post-12567 Fri, 12 Nov 2010 07:12:22 +0000 irisse 12567@https://legacy.forums.gravityhelp.com/ <p>I have 2 fields in my form that use checkbox.<br /> I use multi-column checkbox for one field of my form. i append the follow code to the my css stye sheet<br /> ul#input_1_5 {overflow:visible;}<br /> ul#input_1_5 li {float:left; width:12%;}</p> <p>My problem is I use individual form for individual post. Is there a general code to use where i do not need to keep adding new id code to create the multi-column checkbox for each new form.</p> <p>See <a href="http://www.propertyhomes.sg/robinson-suites-near-marina-bay/" rel="nofollow">http://www.propertyhomes.sg/robinson-suites-near-marina-bay/</a></p> <p>Thanks. </p>