https://legacy.forums.gravityhelp.com/topic/floating-radio-buttons-and-css-customization Gravity Support Forums Topic: Floating Radio Buttons and CSS Customization en-US Mon, 20 Apr 2026 01:15:14 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/floating-radio-buttons-and-css-customization#post-11148 Wed, 13 Oct 2010 23:32:08 +0000 Kevin Flahaut 11148@https://legacy.forums.gravityhelp.com/ <p>My pleasure. Form looks good btw. Nicely done. </p> https://legacy.forums.gravityhelp.com/topic/floating-radio-buttons-and-css-customization#post-11146 Wed, 13 Oct 2010 22:00:12 +0000 jkovach 11146@https://legacy.forums.gravityhelp.com/ <p>Brilliant Thanks Kevin! </p> https://legacy.forums.gravityhelp.com/topic/floating-radio-buttons-and-css-customization#post-11141 Wed, 13 Oct 2010 20:39:47 +0000 Kevin Flahaut 11141@https://legacy.forums.gravityhelp.com/ <p>If you look at your images.css file, line 7 has this rule.</p> <p><code>.entry-content img {margin:0 0 18px;}</code></p> <p>Thats affecting your date picker image as well, you'll need to override it with something like this</p> <p><code>.entry-content .gform_wrapper img.ui-datepicker-trigger {margin:0!important}</code></p> <p>As far as the radio lists, you'll need to view the source, note the id's of the list items that contain the fields, then apply some width, height and float rules to those so they will lay out as columns. You'll want to float the first ones, but leave the float off the last one so it clears the items below it.</p> <pre><code>.gform_wrapper li#field_2_6, .gform_wrapper li#field_2_7, .gform_wrapper li#field_2_8, .gform_wrapper li#field_2_9 {width:25%; height:160px;} .gform_wrapper li#field_2_6, .gform_wrapper li#field_2_7, .gform_wrapper li#field_2_8 {float:left}</code></pre> <p><a href="http://grab.by/grabs/408998091765be6f25e586f7fecaa49e.png" rel="nofollow">test screenshot</a></p> <p>Just apply that same principle to the other lists you need aligned the same and you're good to go.</p> <p>Note: I would do 25% width for all the lists, even those that don't have 4 columns. That way everything will still visually align vertically. </p> https://legacy.forums.gravityhelp.com/topic/floating-radio-buttons-and-css-customization#post-11136 Wed, 13 Oct 2010 18:58:08 +0000 jkovach 11136@https://legacy.forums.gravityhelp.com/ <p>Hi thanks for reading!</p> <p>You can see what I'm working on here:</p> <p><a href="http://athleticode.com/forms/crl-entry-form/" rel="nofollow">http://athleticode.com/forms/crl-entry-form/</a></p> <p>You'll need to check the "Whole Body" option under "Test Taken" so all the fields will show up. </p> <p>I basically want to put these Radio Buttons into Columns under each Section Break, so the form is not so long. Basically so the Whole Radio Button field is floated to the left. </p> <p>I also have a weird issue going on with the Date icon. How can I get that to line up vertically with then entry field? </p>