https://legacy.forums.gravityhelp.com/topic/spacing-issues-between-drop-down-radio-and-checkbox-type-fields Gravity Support Forums Topic: Spacing Issues Between Drop-down, Radio, and Checkbox Type Fields en-US Wed, 22 Apr 2026 08:10:57 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/spacing-issues-between-drop-down-radio-and-checkbox-type-fields#post-55530 Tue, 17 Apr 2012 15:25:30 +0000 Rob Harrell 55530@https://legacy.forums.gravityhelp.com/ <p>It looks like it changed to me, it's not longer butting up against the label: <a href="http://www.evernote.com/shard/s212/sh/7d9b03ce-e00a-4a54-8b20-f5e18adc5578/05b043a4bbebc2e257890faf0bc43605" rel="nofollow">Screenshot</a></p> <p>As for the styling of that drop down, it's definitely tied to your theme styling. For a more thorough pass at styling, I'd suggest using chrome dev tools to inspect it or firebug for firefox, or reaching out to the theme developer or posting on our job board. </p> https://legacy.forums.gravityhelp.com/topic/spacing-issues-between-drop-down-radio-and-checkbox-type-fields#post-55524 Tue, 17 Apr 2012 15:11:10 +0000 dsaunderswa 55524@https://legacy.forums.gravityhelp.com/ <p>Thanks for catching that typo. I corrected it; however, the correction did not fix the drop-down issue.</p> <p>More than half-way down the form I have the one drop-down. There should be four choices shown in the drop-down but only 2 (+ a little) shows. Scroll bars should appear so you can scroll down to see all the choices. Plus since there's no color in the background of the drop-down -- it's transparent-- and can hardly be read.</p> <p>I "un-hid" the State in the address area to see if correcting the typo would fix it, but it didn't. </p> https://legacy.forums.gravityhelp.com/topic/spacing-issues-between-drop-down-radio-and-checkbox-type-fields#post-55484 Tue, 17 Apr 2012 10:54:35 +0000 Rob Harrell 55484@https://legacy.forums.gravityhelp.com/ <p>It's because you have a typo in your CSS:</p> <p>margin-bottom: 0 0 20px 20px; should be margin: 0 0 20px 20px;</p> <p>on .gform_wrapper div.jqTransformSelectWrapper </p> https://legacy.forums.gravityhelp.com/topic/spacing-issues-between-drop-down-radio-and-checkbox-type-fields#post-55396 Mon, 16 Apr 2012 15:29:47 +0000 dsaunderswa 55396@https://legacy.forums.gravityhelp.com/ <p>Thanks, Rob. Worked great for everything except the drop-down. </p> <p>That drop-down is NOT working (could be the theme/plugin incompatibility issue?). It doesn't work for the address-state field unless I use the Standard Fields rather than the Advanced Fields. On this form, I just chose NOT to even use the state to eliminate the hassle. </p> https://legacy.forums.gravityhelp.com/topic/spacing-issues-between-drop-down-radio-and-checkbox-type-fields#post-55375 Mon, 16 Apr 2012 12:42:56 +0000 Rob Harrell 55375@https://legacy.forums.gravityhelp.com/ <p>Try replacing these selectors in your theme's stylesheet, with the below (i just altered the margin on each):</p> <pre><code>[css] .gform_wrapper form .gform_body ul, body .gform_wrapper form .gform_body ul li { list-style: none!important; list-style: none!important; background: none!important; background: none!important; padding: 0!important; margin: 0 0 20px 20px!important; } .gform_wrapper div.jqTransformSelectWrapper { clear: none !important; margin: 0 0 20px 20px; }</code></pre> https://legacy.forums.gravityhelp.com/topic/spacing-issues-between-drop-down-radio-and-checkbox-type-fields#post-55370 Mon, 16 Apr 2012 12:01:39 +0000 dsaunderswa 55370@https://legacy.forums.gravityhelp.com/ <p>How can I correct the space issues on this form (see below) where I've used drop-down, radio, and checkbox type fields? I just need a little more space (horizontal) as you can see.</p> <p><a href="http://184.172.172.19/~manda1a/coaching/client-forms/contact-and-personal-info-form/" rel="nofollow">http://184.172.172.19/~manda1a/coaching/client-forms/contact-and-personal-info-form/</a></p> <p>Thank you<br /> Deborah </p>