https://legacy.forums.gravityhelp.com/topic/radio-button-cutoff-in-chrome Gravity Support Forums Topic: Radio Button Cutoff in Chrome en-US Mon, 20 Apr 2026 01:03:47 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/radio-button-cutoff-in-chrome#post-54444 Fri, 06 Apr 2012 09:52:47 +0000 Rob Harrell 54444@https://legacy.forums.gravityhelp.com/ <p>Awesome, glad to help! </p> https://legacy.forums.gravityhelp.com/topic/radio-button-cutoff-in-chrome#post-54421 Thu, 05 Apr 2012 19:50:29 +0000 bwalklet 54421@https://legacy.forums.gravityhelp.com/ <p>Worked perfectly... Thanks! </p> https://legacy.forums.gravityhelp.com/topic/radio-button-cutoff-in-chrome#post-54396 Thu, 05 Apr 2012 16:43:37 +0000 Rob Harrell 54396@https://legacy.forums.gravityhelp.com/ <p>Try dropping this into your custom.css file</p> <pre><code>[css] .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=&quot;checkbox&quot;], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=&quot;radio&quot;], .gform_wrapper.gf_browser_chrome .gfield_checkbox li input { width: 20px !important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/radio-button-cutoff-in-chrome#post-54394 Thu, 05 Apr 2012 16:36:56 +0000 bwalklet 54394@https://legacy.forums.gravityhelp.com/ <p>my bad!</p> <p><a href="http://www.searchandperch.com/sportstrong/spring-league-registration/" rel="nofollow">http://www.searchandperch.com/sportstrong/spring-league-registration/</a></p> <p>Tried the code but it didn't seem to do it. </p> https://legacy.forums.gravityhelp.com/topic/radio-button-cutoff-in-chrome#post-54373 Thu, 05 Apr 2012 15:03:55 +0000 Rob Harrell 54373@https://legacy.forums.gravityhelp.com/ <p>Also, if you could post a link to your form so we can see that would help too. </p> https://legacy.forums.gravityhelp.com/topic/radio-button-cutoff-in-chrome#post-54367 Thu, 05 Apr 2012 14:51:46 +0000 NWTD 54367@https://legacy.forums.gravityhelp.com/ <p>couldn't you add the styling to your radio buttons and add !important to it to take priority?</p> <p>example:</p> <pre><code>[css] .gform_wrapper ul.gfield_checkbox, .gform_wrapper ul.gfield_radio { margin-left: 15px !important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/radio-button-cutoff-in-chrome#post-54366 Thu, 05 Apr 2012 14:32:53 +0000 bwalklet 54366@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>My radio buttons are being cutoff in Chrome due to a lack of left-padding within the element. I firebugged and found that manipulating the following style's left padding fixed it: </p> <p>.gform_wrapper ul.gfield_checkbox, .gform_wrapper ul.gfield_radio {</p> <p>However, this style is being overwritten by another, and I can't figure out which it is. Basically, I just want to know what I can do so the buttons will no longer be cut-off in Chrome.</p> <p>Oh, I'm also using Thesis as my theme.</p> <p>Thanks! </p>