https://legacy.forums.gravityhelp.com/topic/checkbox-radio-button-display-problems Gravity Support Forums Topic: Checkbox & Radio Button Display Problems en-US Sat, 04 Apr 2026 10:22:04 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/checkbox-radio-button-display-problems#post-10957 Sat, 09 Oct 2010 11:30:27 +0000 Kevin Flahaut 10957@https://legacy.forums.gravityhelp.com/ <p>first domain - layout.css line 218 declares a 45% width for all inputs, which is being inherited by the checkbox/radio inputs. You can try to override with this or simply remove that blanket 45% rule from your layout.css file</p> <p><code>.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {width: auto!important}</code></p> <p><a href="http://grab.by/grabs/4d2a9035e57ce22c2ab026944c7102e6.png" rel="nofollow">screenshot with rule disabled</a></p> <p>for the other 2 domains, something is overriding the inline-block style for the checkbox/radio labels. You can try adding this to force that.</p> <p><code>.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {display:inline-block\9!important; margin: 2px 0 0 6px\9!important }</code> </p> https://legacy.forums.gravityhelp.com/topic/checkbox-radio-button-display-problems#post-10873 Wed, 06 Oct 2010 19:16:45 +0000 blafarmm 10873@https://legacy.forums.gravityhelp.com/ <p>I have three separate domains -- and I run Gravity Forms and Thesis in each domain.</p> <p>More specifically, here are the release versions for each domain:</p> <p>Domain 1: GF Version 1.4.3.1 -- Thesis version 1.7<br /> Domain 2: GF Version 1.3.13.1 -- Thesis version 1.7<br /> Domain 3: GF Version 1.3.13.1 -- Thesis version 1.7</p> <p>Also, please note that all three Thesis 1.7 installations use the exact same custom.css file.</p> <p>Up until recently, I have been successfully embedding my GF forms into Thesis 1.7 without problems.<br /> However, something seems to have changed and my Checkboxes and Multiple Choice Radio Buttons are being displayed incorrectly.</p> <p>TROUBLESHOOTING<br /> ---------------------------<br /> I have imported the exact same GF form into all three installations.<br /> I have embedded that form in three WP Thesis 1.7 pages (one for each installation).<br /> I have published those pages and viewed them in Firefox, Internet Explorer and Chrome (with the cache cleared on all three).</p> <p>Here are the results:</p> <p>Domain 1:<br /> Firefox: Checkboxes and Multiple Choice Radio Buttons are displayed in the middle of the page, overlapping the Field Label<br /> Internet Explorer: Checkboxes and Multiple Choice Radio Buttons are displayed in the middle of the page, overlapping the Field Label<br /> Chrome: Checkboxes and Multiple Choice Radio Buttons are displayed in the middle of the page, overlapping the Field Label</p> <p>Domain 2:<br /> Firefox: Normal<br /> Internet Explorer: Checkboxes and Multiple Choice Radio Buttons are displayed above Field Label<br /> Chrome: Normal</p> <p>Domain 3:<br /> Firefox: Normal<br /> Internet Explorer: Checkboxes and Multiple Choice Radio Buttons are displayed above Field Label<br /> Chrome: Normal</p> <p>I greatly appreciate any insight regarding why this is happening.</p> <p>Thanks </p>