https://legacy.forums.gravityhelp.com/topic/gap-between-checkboxes-and-choice Gravity Support Forums Topic: gap between checkboxes and choice en-US Wed, 22 Apr 2026 22:46:04 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/gap-between-checkboxes-and-choice#post-88446 Wed, 07 Nov 2012 13:21:10 +0000 David Peralty 88446@https://legacy.forums.gravityhelp.com/ <p>Well, from there, you can play around with the values and try to figure out how you want it to look. All my best! </p> https://legacy.forums.gravityhelp.com/topic/gap-between-checkboxes-and-choice#post-88445 Wed, 07 Nov 2012 13:18:27 +0000 melston 88445@https://legacy.forums.gravityhelp.com/ <p>Thanks David; that worked. It didn't totally fix it but it doesn't look so odd now.</p> <p>I appreciate the assist! </p> https://legacy.forums.gravityhelp.com/topic/gap-between-checkboxes-and-choice#post-88377 Wed, 07 Nov 2012 10:59:39 +0000 David Peralty 88377@https://legacy.forums.gravityhelp.com/ <p>I am not going to tell you what you need to change in your theme because each theme is different, and I don't want to have you mess things up. I'm just telling you the source of the issue is how your theme handles things. </p> <p>If you use a !important declaration in your style.css it "should" override what layout.css is doing.</p> <p>Try adding the following to your style.css:<br /> <pre><code>.format_text input, #commentform input, #commentform textarea { width: 0px !important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/gap-between-checkboxes-and-choice#post-88375 Wed, 07 Nov 2012 10:55:09 +0000 melston 88375@https://legacy.forums.gravityhelp.com/ <p>I was working on the stylesheet.css and not looking at the layout.css</p> <p>Do I make the changes there the same way? </p> https://legacy.forums.gravityhelp.com/topic/gap-between-checkboxes-and-choice#post-88370 Wed, 07 Nov 2012 10:43:14 +0000 David Peralty 88370@https://legacy.forums.gravityhelp.com/ <p>I still see:</p> <p>.format_text input, #commentform input, #commentform textarea {<br /> width: 45%;</p> <p>in your layout.css. (line 243)</p> <p>And when I disable it in Inspect in Chrome, things look as I would expect. </p> https://legacy.forums.gravityhelp.com/topic/gap-between-checkboxes-and-choice#post-88369 Wed, 07 Nov 2012 10:32:29 +0000 melston 88369@https://legacy.forums.gravityhelp.com/ <p>I tried adding the code with the important in it....same thing - no change. Something must still be getting in the way. </p> https://legacy.forums.gravityhelp.com/topic/gap-between-checkboxes-and-choice#post-88367 Wed, 07 Nov 2012 10:29:10 +0000 melston 88367@https://legacy.forums.gravityhelp.com/ <p>I turned "off" the width in Firebug in the code you mentioned above and that seemed to do the trick. When I actually add the code to the stylesheet though, there is no change.</p> <p>.format_text input, #commentform input, #commentform textarea {<br /> width: 0px;<br /> } </p> https://legacy.forums.gravityhelp.com/topic/gap-between-checkboxes-and-choice#post-88362 Wed, 07 Nov 2012 10:26:07 +0000 David Peralty 88362@https://legacy.forums.gravityhelp.com/ <p>You can try adding an !important declaration to your rule to see if it works, but as far as I know, it won't override the previous rules added by your theme the way you are hoping/expecting.</p> <p>So try:<br /> .gfield_checkbox { width: 125px !important; } </p> https://legacy.forums.gravityhelp.com/topic/gap-between-checkboxes-and-choice#post-88357 Wed, 07 Nov 2012 10:19:22 +0000 melston 88357@https://legacy.forums.gravityhelp.com/ <p>Sorry, I misunderstood. Won't changing that also change other "input" items outside of gravity forms?</p> <p>I can see if I turn off the width, then it looks okay on that page. Is there a way to target only the gravity form input? </p> <p>something like this:<br /> .gfield_checkbox { width: 125px; } (although this didn't work) </p> https://legacy.forums.gravityhelp.com/topic/gap-between-checkboxes-and-choice#post-88164 Tue, 06 Nov 2012 23:32:01 +0000 David Peralty 88164@https://legacy.forums.gravityhelp.com/ <p>I didn't tell you what to change it to, but instead asked you to change it or override it. Try changing the width to 15% and see if that's more to your liking. </p>