https://legacy.forums.gravityhelp.com/topic/bad-misbehaving-radio-buttons Gravity Support Forums Topic: bad, misbehaving radio buttons en-US Mon, 20 Apr 2026 12:02:54 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/bad-misbehaving-radio-buttons#post-83296 Wed, 24 Oct 2012 11:43:07 +0000 Kevin Flahaut 83296@https://legacy.forums.gravityhelp.com/ <p>It looks like your theme stylesheet is setting a 0 margin to all form inputs.. the radio inputs are inheriting this and in some browsers this is causing them to be cut off a little.</p> <p><a href="https://paperblazer.com/wp-content/themes/mural/css/base.css" rel="nofollow">https://paperblazer.com/wp-content/themes/mural/css/base.css</a> - line 120</p> <p>Google Chrome - with rule active - <a href="http://bit.ly/RCeCjC" rel="nofollow">http://bit.ly/RCeCjC</a><br /> Google Chrome - with margin definition removed - <a href="http://bit.ly/TfOqOx" rel="nofollow">http://bit.ly/TfOqOx</a></p> <p>You may want to put some browser specific rules in your theme CSS file to adjust the margins. There are specific browser classes on your form wrapper that you can use to tweak for each browser. See the example below.. note the "gf_browser_gecko" class that would apply to Chrome or gecko-based browsers.</p> <pre><code>[css] body .gf_browser_gecko .gform_body .gform_page ul.gform_fields li.gfield .ginput_container ul.gfield_radio li input {margin-left: 2px !important}</code></pre> https://legacy.forums.gravityhelp.com/topic/bad-misbehaving-radio-buttons#post-83266 Wed, 24 Oct 2012 10:09:26 +0000 Chris Hajer 83266@https://legacy.forums.gravityhelp.com/ <p>What browser are you seeing this in? In Firefox 16 on Windows 7, the radio buttons look fine. Screenshot: <a href="http://minus.com/lxPJsrRmSbstV" rel="nofollow">http://minus.com/lxPJsrRmSbstV</a></p> <p>Looks the same to me in Chrome as well. Let us know what browser you're seeing the problem in so we can try to recreate it. There is likely something in your theme's stylesheet causing this. We will have to add a bit of CSS to make it work for you. </p> https://legacy.forums.gravityhelp.com/topic/bad-misbehaving-radio-buttons#post-82042 Thu, 18 Oct 2012 12:36:54 +0000 jupebox 82042@https://legacy.forums.gravityhelp.com/ <p>Please check out the second page of my form...<br /> <a href="https://paperblazer.com/submit/" rel="nofollow">https://paperblazer.com/submit/</a></p> <p>A few pixels of my radio buttons are cut off... decapitated, i tell you! :)</p> <p>Nothing else, just the buttons. please help. </p>