https://legacy.forums.gravityhelp.com/topic/radio-buttons-and-chekboxes-cut-off Gravity Support Forums Topic: Radio buttons and chekboxes cut off en-US Sat, 04 Apr 2026 20:59:35 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/radio-buttons-and-chekboxes-cut-off#post-25764 Tue, 17 May 2011 17:31:56 +0000 Kevin Flahaut 25764@https://legacy.forums.gravityhelp.com/ <p>Glad that worked for you and thanks for the kudos. I'll pass that along to Alex &amp; David since the documentation was really all their doing. I'm sure they'll appreciate it. </p> https://legacy.forums.gravityhelp.com/topic/radio-buttons-and-chekboxes-cut-off#post-25761 Tue, 17 May 2011 17:14:06 +0000 FireSamurai 25761@https://legacy.forums.gravityhelp.com/ <p>BTW, I have to say that the help files/documentation that you guys have created is some of the best I've seen. Excellent job, thank you. </p> https://legacy.forums.gravityhelp.com/topic/radio-buttons-and-chekboxes-cut-off#post-25760 Tue, 17 May 2011 17:11:28 +0000 FireSamurai 25760@https://legacy.forums.gravityhelp.com/ <p>The greater specificity did the trick. Thanks! </p> https://legacy.forums.gravityhelp.com/topic/radio-buttons-and-chekboxes-cut-off#post-25752 Tue, 17 May 2011 16:24:55 +0000 Kevin Flahaut 25752@https://legacy.forums.gravityhelp.com/ <p>looks like your issue is actually related to some TwentyTen theme-specific styles that are in the forms.css file. (specifically line 294) I'm guessing your theme was built on top of that originally.<br /> If you disable that rule, you'll see that the formatting is corrected.</p> <p>screenshot: <a href="http://grab.by/a9C4" rel="nofollow">http://grab.by/a9C4</a></p> <p>Those styles are going bye-bye in the upcoming 1.5.3 release so if you want, you can go ahead and copy the contents of the updated file into your existing forms.css file.</p> <p>CSS: <a href="http://pastie.org/1918207" rel="nofollow">http://pastie.org/1918207</a></p> <p>Once the update is rolled out later this week, you shouldn't have to manually change anything. </p> https://legacy.forums.gravityhelp.com/topic/radio-buttons-and-chekboxes-cut-off#post-25748 Tue, 17 May 2011 16:12:33 +0000 Kevin Flahaut 25748@https://legacy.forums.gravityhelp.com/ <p>Without seeing your form, I can't say for sure but this should work to override the !important declaration. Better CSS specificity will override !important</p> <pre><code>[css] body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox li, body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio li {padding:1px 0 0 1px}</code></pre> <p>More samples in the documentation here:<br /> <a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples</a> </p> https://legacy.forums.gravityhelp.com/topic/radio-buttons-and-chekboxes-cut-off#post-25747 Tue, 17 May 2011 16:10:30 +0000 FireSamurai 25747@https://legacy.forums.gravityhelp.com/ <p>Shoot, sorry guys, I forgot to add the URL.</p> <p>Here you go:</p> <p><a href="http://xennsoft.chrismower.com/contact/" rel="nofollow">http://xennsoft.chrismower.com/contact/</a></p> <p>I would like to add that it's seen in webkit browsers... I'm not seeing it in FF.</p> <p>Thanks,</p> <p>FS </p> https://legacy.forums.gravityhelp.com/topic/radio-buttons-and-chekboxes-cut-off#post-25745 Tue, 17 May 2011 16:07:06 +0000 Carl Hancock 25745@https://legacy.forums.gravityhelp.com/ <p>By default this isn't going to cut off your radio buttons and checkboxes so it's probably more than just this, it probably involves CSS being inherited by your theme. If you post a link to a page on your site with a form on it that is having this issue we can look at the CSS and suggest some changes.</p> <p>Any changes you would make by editing or adding CSS to your themes stylesheet and not by editing Gravity Forms plugin files or CSS files. </p> https://legacy.forums.gravityhelp.com/topic/radio-buttons-and-chekboxes-cut-off#post-25743 Tue, 17 May 2011 16:04:50 +0000 Kevin Flahaut 25743@https://legacy.forums.gravityhelp.com/ <p>Can you share a URL to your form? It's easier to help out if I can see it. </p> https://legacy.forums.gravityhelp.com/topic/radio-buttons-and-chekboxes-cut-off#post-25739 Tue, 17 May 2011 15:59:24 +0000 FireSamurai 25739@https://legacy.forums.gravityhelp.com/ <p>The radio buttons and checkboxes get cut off on my gravity forms. I've narrowed it down to this:</p> <pre><code>.gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li { padding: 0 !important; }</code></pre> <p>Because there is no padding on it, the container cuts off the edges of the radio buttons and checkboxes on the top and the left.</p> <p>I could do something like this to fix it</p> <pre><code>.gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li { padding:1px 0 0 1px !important; }</code></pre> <p>But because the original style in the gf plugin has !important by it, my style cannot override it.</p> <p>Any ideas on how to fix the issue? Thanks.</p> <p>FS </p>