https://legacy.forums.gravityhelp.com/topic/check-boxes-radio-buttons-misaligned Gravity Support Forums Topic: Check Boxes & Radio Buttons misaligned en-US Sun, 19 Apr 2026 21:45:02 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/check-boxes-radio-buttons-misaligned#post-59783 Mon, 21 May 2012 22:31:12 +0000 Rob Harrell 59783@https://legacy.forums.gravityhelp.com/ <p>No problem, glad to help out! </p> https://legacy.forums.gravityhelp.com/topic/check-boxes-radio-buttons-misaligned#post-59777 Mon, 21 May 2012 21:47:28 +0000 bqdowns 59777@https://legacy.forums.gravityhelp.com/ <p>Perfect. Thank you for the quick response! </p> https://legacy.forums.gravityhelp.com/topic/check-boxes-radio-buttons-misaligned#post-59698 Mon, 21 May 2012 15:45:01 +0000 Rob Harrell 59698@https://legacy.forums.gravityhelp.com/ <p>This <a href="http://www.evernote.com/shard/s212/sh/bff8bd34-ddaa-4a55-907a-95c00b6037f4/3976aa9544bb8bf739bcdba0cb0d2a2f" rel="nofollow">screenshot</a> shows your core issue.</p> <p>Disabling that height and the line-height adjustment code I provided - you will see everything lines up nicely: <a href="http://www.evernote.com/shard/s212/sh/eb75a71a-e3e7-44e1-a5c6-dc124c14fe9b/19160b92d865c93c6e440b447db127b3" rel="nofollow">Screenshot</a></p> <p>So you need to either axe that input {height: 19px} selector, or get more specific with it. </p> https://legacy.forums.gravityhelp.com/topic/check-boxes-radio-buttons-misaligned#post-59696 Mon, 21 May 2012 15:32:38 +0000 bqdowns 59696@https://legacy.forums.gravityhelp.com/ <p>If I use that code, the only problem is that if I change the height of the Next button at the bottom of the page, it will misalign the checkboxes and radio buttons again. Any other possibilities? </p> https://legacy.forums.gravityhelp.com/topic/check-boxes-radio-buttons-misaligned#post-59686 Mon, 21 May 2012 15:07:22 +0000 Rob Harrell 59686@https://legacy.forums.gravityhelp.com/ <p>Try placing this into your theme's stylesheet to target just the labels on the checkboxes and the radio fields:</p> <pre><code>[css] .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { line-height: 2 !important; }</code></pre> <p>You can obviously change the value of the line-height to whatever you see fit. </p> https://legacy.forums.gravityhelp.com/topic/check-boxes-radio-buttons-misaligned#post-59682 Mon, 21 May 2012 15:03:58 +0000 bqdowns 59682@https://legacy.forums.gravityhelp.com/ <p>I just updated the plugin on my site myvcgllc.com and the radio buttons, check boxes and next button are misaligned. This happened before and I changed the line height to fix. This time, if I change the line height, it'll misalign the next button but fix the alignment with check boxes and radios buttons. You can see what's going on if you go to <a href="http://myvcgllc.com/project-quote/" rel="nofollow">http://myvcgllc.com/project-quote/</a></p> <p>Thank you and look forward to hearing from you. </p>