https://legacy.forums.gravityhelp.com/topic/radio-boxes-misalignment Gravity Support Forums Topic: Radio Boxes Misalignment en-US Tue, 21 Apr 2026 08:24:49 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/radio-boxes-misalignment#post-9326 Fri, 03 Sep 2010 08:26:48 +0000 Kevin Flahaut 9326@https://legacy.forums.gravityhelp.com/ <p>I'm glad you got it working. Yes, a lot of theme authors take the easy way and just apply blanket styles to many elements including list types. It's usually the first thing I look for when I debug this type of formatting issue. </p> https://legacy.forums.gravityhelp.com/topic/radio-boxes-misalignment#post-9321 Fri, 03 Sep 2010 06:21:02 +0000 Aquanauts 9321@https://legacy.forums.gravityhelp.com/ <p>You're awesome Kevin. </p> <p>After your first reply I wrote the theme author who game me the "it's not MY code" BS so I cracked open Firebug today and found exactly what you did. Moron set all the lists to 0 margin left.</p> <p>I added an !important tag to one line in the Gravity CSS and this fixed it:</p> <pre><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:32%!important }</code></pre> <p>Thanks again for your help. I'm off to "call bullshit" on the Complexity theme author's ThemeForest page. </p> https://legacy.forums.gravityhelp.com/topic/radio-boxes-misalignment#post-9317 Fri, 03 Sep 2010 00:00:40 +0000 Kevin Flahaut 9317@https://legacy.forums.gravityhelp.com/ <p>The alignment problems you're seeing are CSS inheritance issues from the theme. There are blanket UL margins and padding values set on lines 66 and 74 of your theme's style.css file.</p> <p>You'll need to override those or make them more specific so the forms don't inherit from them. You can see the form looks fine if these are disabled.</p> <p><a href="http://grab.by/grabs/7596d88681e453f9af6b6378fe21c1c5.png" rel="nofollow">screenshot</a> </p> https://legacy.forums.gravityhelp.com/topic/radio-boxes-misalignment#post-9287 Thu, 02 Sep 2010 11:51:06 +0000 Carl Hancock 9287@https://legacy.forums.gravityhelp.com/ <p>You'd place the jQuery in the theme template file that is used on whatever page your form is being displayed on. Not in the form itself. </p> https://legacy.forums.gravityhelp.com/topic/radio-boxes-misalignment#post-9282 Thu, 02 Sep 2010 11:33:33 +0000 Aquanauts 9282@https://legacy.forums.gravityhelp.com/ <p>Sorry, non programmer here. WHERE would I place that JQuery? And which part? Not the google terms &amp; conditions thing. Would I place the javascript in the form itself where I want the B tags to be? </p> https://legacy.forums.gravityhelp.com/topic/radio-boxes-misalignment#post-9278 Thu, 02 Sep 2010 11:03:58 +0000 Kevin Flahaut 9278@https://legacy.forums.gravityhelp.com/ <p>Yeah, there's something weird with your theme CSS. I'll take a look and get back to you with some suggestions. It has something to do with the way elements are being floated.</p> <p>HTML isn't allowed in the field labels, but you can do that with some simple jQuery added to your page template.</p> <p><a href="http://forum.gravityhelp.com/topic/how-to-add-hyperlinks-in-the-form#post-6838" rel="nofollow">http://forum.gravityhelp.com/topic/how-to-add-hyperlinks-in-the-form#post-6838</a> </p> https://legacy.forums.gravityhelp.com/topic/radio-boxes-misalignment#post-9277 Thu, 02 Sep 2010 09:16:31 +0000 Aquanauts 9277@https://legacy.forums.gravityhelp.com/ <p>I'm sure this has something to do with theme, not the plugin, but I could use some help, as you might be able to quickly diagnose the root of my problem.</p> <p>Finally finished the first cut at my big, conditional-logic enrollment form and I gotta say, the Logic bit ROCKS. Did exactly what I wanted.</p> <p>Looked fine in the Preview, too.</p> <p>However, when I put it into the page, the "multiple choice" radio buttons won't align correctly.</p> <p>Please see<br /> <a href="http://scubainternships.com/contact/enroll/" rel="nofollow">http://scubainternships.com/contact/enroll/</a></p> <p>Also, I see from that page I cannot put HTML bold tags in the form field labels, even though I can do so in the description. Too bad. I'll take out the code in a bit.</p> <p>Got an idea why the second and subsequent radio buttons in the list lose their alignment? </p>