https://legacy.forums.gravityhelp.com/topic/display-multiple-choice-as-horizontal-not-vertical Gravity Support Forums Topic: Display multiple choice as horizontal not vertical en-US Sun, 19 Apr 2026 21:45:08 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/display-multiple-choice-as-horizontal-not-vertical#post-19210 Tue, 22 Feb 2011 23:28:39 +0000 Elise 19210@https://legacy.forums.gravityhelp.com/ <p>Thanks Kevin! I've just used the 3 column class and that worked wonderfully. Your a gem! </p> https://legacy.forums.gravityhelp.com/topic/display-multiple-choice-as-horizontal-not-vertical#post-19139 Tue, 22 Feb 2011 02:42:04 +0000 Kevin Flahaut 19139@https://legacy.forums.gravityhelp.com/ <p>It could be a variety of reasons it works in Firebug and not elsewhere. Can you just post a link to your form. It will be easier to take a look at it and help you out. </p> <p>If you're using the 1.5 beta version, you can take advantage of the new CSS "Ready Classes" and just apply the "gf_list_inline" class name to the field without having to add your own CSS.</p> <p>Mored details on those are here.</p> <p><a href="http://www.gravityhelp.com/documentation/css-ready-classes/" rel="nofollow">http://www.gravityhelp.com/documentation/css-ready-classes/</a> </p> https://legacy.forums.gravityhelp.com/topic/display-multiple-choice-as-horizontal-not-vertical#post-19138 Tue, 22 Feb 2011 00:51:41 +0000 Elise 19138@https://legacy.forums.gravityhelp.com/ <p>Ok so I got it to display horizontally but now I can't change the padding on the li label. At the moment the radio button text is right against the radio button beside it.</p> <p>When I changed the padding in Firebug it worked but when I then pasted the code into my themes css it didn't work ....</p> <p>I did this to make it display horizontally (and it worked):<br /> .gfield_radio li {display:inline; float:left;}</p> <p>I changed the padding here:<br /> .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {line-height: 1.5; margin: 0 0 0 24px; padding: 0 20px 0 0; vertical-align: middle; width: auto;}</p> <p>This code worked in firebug but not in the css.</p> <p>Any ideas? </p> https://legacy.forums.gravityhelp.com/topic/display-multiple-choice-as-horizontal-not-vertical#post-19137 Tue, 22 Feb 2011 00:20:23 +0000 Elise 19137@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>Just wondering if someone can tell me how I can make the multiple choice radio buttons display horizontally instead of vertically?</p> <p>Thanks,<br /> Elise </p>