https://legacy.forums.gravityhelp.com/topic/checkbox-1st-choice-misaligned Gravity Support Forums Topic: Checkbox 1st choice misaligned en-US Mon, 20 Apr 2026 15:07:31 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/checkbox-1st-choice-misaligned#post-9428 Sun, 05 Sep 2010 18:47:44 +0000 Steve G 9428@https://legacy.forums.gravityhelp.com/ <p>All is revealed - many thanks!</p> <p>Steve G </p> https://legacy.forums.gravityhelp.com/topic/checkbox-1st-choice-misaligned#post-9426 Sun, 05 Sep 2010 18:33:47 +0000 Kevin Flahaut 9426@https://legacy.forums.gravityhelp.com/ <p>this explains it pretty well. I could rehash, but they've got it all laid out nicely.</p> <p><a href="http://www.w3schools.com/css/pr_class_clear.asp" rel="nofollow">http://www.w3schools.com/css/pr_class_clear.asp</a> </p> https://legacy.forums.gravityhelp.com/topic/checkbox-1st-choice-misaligned#post-9423 Sun, 05 Sep 2010 16:20:45 +0000 Steve G 9423@https://legacy.forums.gravityhelp.com/ <p>Worked like a charm! I'm a CCS newb as you probably know. What is the purpose of the last "clear: both" statement?</p> <p>Many thanks as always,</p> <p>Steve G </p> https://legacy.forums.gravityhelp.com/topic/checkbox-1st-choice-misaligned#post-9420 Sun, 05 Sep 2010 15:25:04 +0000 Kevin Flahaut 9420@https://legacy.forums.gravityhelp.com/ <p>okay, this should just remove the margin on the checkboxes. No worries, just took a couple of minutes. Thanks.</p> <p><code>.gform_wrapper .left_label ul.gfield_checkbox, .gform_wrapper .right_label ul.gfield_checkbox {margin-left:0 !important; clear:both}</code> </p> https://legacy.forums.gravityhelp.com/topic/checkbox-1st-choice-misaligned#post-9419 Sun, 05 Sep 2010 15:23:42 +0000 Kevin Flahaut 9419@https://legacy.forums.gravityhelp.com/ <p>You can replace the last rule with this one if you want to remove the left margin on the lists.</p> <p><code>.gform_wrapper .left_label ul.gfield_checkbox, .gform_wrapper .right_label ul.gfield_checkbox, .gform_wrapper .left_label ul.gfield_radio, .gform_wrapper .right_label ul.gfield_radio {margin-left:0 !important; clear:both}</code> </p> https://legacy.forums.gravityhelp.com/topic/checkbox-1st-choice-misaligned#post-9418 Sun, 05 Sep 2010 15:22:36 +0000 Steve G 9418@https://legacy.forums.gravityhelp.com/ <p>Hi Kevin</p> <p>That's exactly what I want to do but just for the checkboxes and not the radio buttons. If push comes to shove I can replace the radio buttons with a dropdown. However it's frustrating not being able to style the text in the dropdown fields - that's why I used radio buttons.</p> <p>Can we do it by applying CSS classes to each field in the same manner you helped me previously with the file uploads?</p> <p>Bottom line is I don't want to make this a major project for you when you should be kicking back on this holiday weekend!</p> <p>Many thanks</p> <p>Steve G </p> https://legacy.forums.gravityhelp.com/topic/checkbox-1st-choice-misaligned#post-9417 Sun, 05 Sep 2010 15:12:08 +0000 Kevin Flahaut 9417@https://legacy.forums.gravityhelp.com/ <p>Well, it's working properly for the "left aligned" label format. If you chose the "top label" option the list would justify all the way to the left. If you want to justify the checkboxes and radio buttons all the way to the left, but keep the rest with the left label format, just let me know and I'll help you with it.</p> <p>I did get some play time in last week - visited family &amp; friends in Dallas so I'm catching up here this weekend. I'm sure I'll find time to grill something though. </p> https://legacy.forums.gravityhelp.com/topic/checkbox-1st-choice-misaligned#post-9416 Sun, 05 Sep 2010 15:06:34 +0000 Steve G 9416@https://legacy.forums.gravityhelp.com/ <p>Ooops - missed my period :-)</p> <p>It works but in the opposite way I intended! I want to bring the 1st choice in left alignment to the remaining choices. The opposite has happened. The remaining choices have been brought into alignment with the first choice.</p> <p>Shouldn't you be out grilling on this Labor Day weekend?</p> <p>Many thanks</p> <p>Steve G </p> https://legacy.forums.gravityhelp.com/topic/checkbox-1st-choice-misaligned#post-9415 Sun, 05 Sep 2010 15:00:13 +0000 Kevin Flahaut 9415@https://legacy.forums.gravityhelp.com/ <p>Steve, I looked at your CSS and it looks like you missed the "." at the very beginning of the rule. Try adding that in and see if it works.</p> <p>Oh, and congrats on the success with the client. It's nice when they defer to your expertise. </p> https://legacy.forums.gravityhelp.com/topic/checkbox-1st-choice-misaligned#post-9414 Sun, 05 Sep 2010 14:57:22 +0000 Steve G 9414@https://legacy.forums.gravityhelp.com/ <p>Hi Kevin,</p> <p>I gave it a shot but no joy. I also have the same issue in the final section of the form.</p> <p>BTW note the client has relented and we're only uploading one zipped file :-)</p> <p>Many thanks</p> <p>Steve G </p>