https://legacy.forums.gravityhelp.com/topic/text-overlapping-radio-buttons-check-boxes Gravity Support Forums Topic: Text Overlapping Radio Buttons-Check Boxes en-US Mon, 20 Apr 2026 03:15:37 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/text-overlapping-radio-buttons-check-boxes#post-36862 Mon, 03 Oct 2011 00:44:41 +0000 Scott M. 36862@https://legacy.forums.gravityhelp.com/ <p>I should explain better - Kevin is right, it is bad form to edit the default sheet. When I say to remove it I actually mean to use another css file to override css styles - otherwise your changes may be lost if you upgrade a theme or plugin at a later date,</p> <p>Most themes support a custom.css in the theme directory that loads last - if you put any overrides there it will apply them to the site even if there is an update, and won't risk a change that messes up your back-end.</p> <p>This is just a workaround and not the best way to handle it - the correct way is to determine what CSS is changing the default action of a list item on your site, but by my count there are 19 css files loading on that page with 483 entries for 'padding' - it may take a while for you to track it down. </p> https://legacy.forums.gravityhelp.com/topic/text-overlapping-radio-buttons-check-boxes#post-36857 Sun, 02 Oct 2011 22:56:07 +0000 MPMedia 36857@https://legacy.forums.gravityhelp.com/ <p>Hi Scott, I tried the suggested edit and so far everything works ok so far. Customer no longer complaining so that's perfect for me. </p> <p>Kevin I would be open to looking at other alternatives. Scotts suggestion worked but if this is a bad idea and there is a better solution I would try it also. </p> <p>The database connection error I would have to blame on the Webhost. The customer is using their preferred Host and from time to time I see odd stuff like connection errors or the site just goes down all together. Client is making their own bed there.</p> <p>Thanks again fellas for the feed back :) </p> https://legacy.forums.gravityhelp.com/topic/text-overlapping-radio-buttons-check-boxes#post-36853 Sun, 02 Oct 2011 21:44:50 +0000 Kevin Flahaut 36853@https://legacy.forums.gravityhelp.com/ <p>No, I wouldn't remove anything from the default forms stylesheet. It usually works just fine. I'm sure there's something else at work in your theme. Does the form in question look okay in the form preview page.. if so, then it's your theme for sure.</p> <p>I can't see your site because of a database error or I would be able to tell you a little better what it is.</p> <p>screenshot: <a href="http://bit.ly/oMwbzn" rel="nofollow">http://bit.ly/oMwbzn</a> </p> https://legacy.forums.gravityhelp.com/topic/text-overlapping-radio-buttons-check-boxes#post-36851 Sun, 02 Oct 2011 18:56:42 +0000 Scott M. 36851@https://legacy.forums.gravityhelp.com/ <p>You have '.gform_wrapper .gfield_radio li label {display:block; margin: 0 0 0 24px; padding:0; width: auto; line-height:1.5; vertical-align: top } in your <a href="http://bhrt.me/wp-content/plugins/gravityforms/css/forms.css?ver=3.2.1" rel="nofollow">http://bhrt.me/wp-content/plugins/gravityforms/css/forms.css?ver=3.2.1</a> that is causing this.</p> <p>Remove the padding:0; and the form displays correctly.</p> <p>Can't guarantee it won't mess up your themes somewhere else though </p> https://legacy.forums.gravityhelp.com/topic/text-overlapping-radio-buttons-check-boxes#post-36850 Sun, 02 Oct 2011 18:47:37 +0000 MPMedia 36850@https://legacy.forums.gravityhelp.com/ <p>Hi, I have been working with Gravity Forms now for a couple weeks. I am having some difficulty getting the radio buttons and the text to not overlap. I have the same form on two different websites here: <a href="http://bhrt.me/quality-of-life-assessment/" rel="nofollow">http://bhrt.me/quality-of-life-assessment/</a> the text overlaps the radio button. On this site here: <a href="http://hghinjectable.org/contact-us/quality-of-life-assesment/" rel="nofollow">http://hghinjectable.org/contact-us/quality-of-life-assesment/</a> the spacing is just fine. I am not very strong in css and do not really know where to start to resolve this issue. Any assistance someone can provide would be greatly appreciated.</p> <p>Thanks </p>