https://legacy.forums.gravityhelp.com/topic/changing-look-of-radio-buttons Gravity Support Forums Topic: Changing look of Radio Buttons en-US Tue, 21 Apr 2026 08:31:27 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/changing-look-of-radio-buttons#post-138040 Thu, 31 Jan 2013 23:54:38 +0000 Chris Hajer 138040@https://legacy.forums.gravityhelp.com/ <p>You're welcome. Glad you worked it out. </p> https://legacy.forums.gravityhelp.com/topic/changing-look-of-radio-buttons#post-137471 Thu, 31 Jan 2013 10:46:11 +0000 edde 137471@https://legacy.forums.gravityhelp.com/ <p>Thanks! (for service way beyond just GravityForms) </p> https://legacy.forums.gravityhelp.com/topic/changing-look-of-radio-buttons#post-137420 Thu, 31 Jan 2013 09:33:22 +0000 Chris Hajer 137420@https://legacy.forums.gravityhelp.com/ <p>Change all your .gform_wrapper to #gform_wrapper_ID, where ID is your form ID. You can check the source of the page for the ID; I think it was 6 for your form. So this would apply your CSS to form 6 only: #gform_wrapper_6</p> <pre><code>[css] #gform_wrapper_6 ul.gfield_radio li input[type=&quot;radio&quot;] { display: none !important; margin: 0; } #gform_wrapper_6 ul.gfield_radio li input[type=&quot;radio&quot;] + label { padding: 5px; border: 1px solid #f2bb92; background: #f9efe8; margin: 0 6px 0 0; border-radius: 4px; } #gform_wrapper_6 ul.gfield_radio li input[type=&quot;radio&quot;]:checked + label { border: 1px solid #f2bb92; background: #f2bb92; font-weight: normal !important; color: #fff; } #gform_wrapper_6 .gfield_label { color: #e36f1e; }</code></pre> https://legacy.forums.gravityhelp.com/topic/changing-look-of-radio-buttons#post-137351 Thu, 31 Jan 2013 08:24:43 +0000 edde 137351@https://legacy.forums.gravityhelp.com/ <p>One last question: how do I limit this to one form only - leaving the radio buttons of other forms as they were? </p> https://legacy.forums.gravityhelp.com/topic/changing-look-of-radio-buttons#post-137331 Thu, 31 Jan 2013 07:56:41 +0000 edde 137331@https://legacy.forums.gravityhelp.com/ <p>That's it! Thanks a 10^6!</p> <p>Edde </p> https://legacy.forums.gravityhelp.com/topic/changing-look-of-radio-buttons#post-136889 Wed, 30 Jan 2013 23:26:07 +0000 Chris Hajer 136889@https://legacy.forums.gravityhelp.com/ <p>I only saw this one line as being incorrect (fixed version below):</p> <pre><code>[css] .gform_wrapper ul.gfield_radio li input[type=&quot;radio&quot;]</code></pre> <p>You had ul.gravity_radio instead of ul.gfield_radio. I changed that and displayed your form without radio buttons. Does that solve any of your trouble?</p> <p>Screenshot: <a href="http://minus.com/lbiHFpUAn8ZmZz" rel="nofollow">http://minus.com/lbiHFpUAn8ZmZz</a> </p> https://legacy.forums.gravityhelp.com/topic/changing-look-of-radio-buttons#post-136689 Wed, 30 Jan 2013 17:32:02 +0000 edde 136689@https://legacy.forums.gravityhelp.com/ <p>Hi all,</p> <p>I'm trying to accomplish the following:<br /> - two bullet lists next to each other (using gf_left_half for that)<br /> - remove the bullets<br /> - create a border around the label</p> <p>So far, I've tried <a href="http://www.gravityhelp.com/forums/topic/can-gf-use-images-to-make-form-selections" rel="nofollow">http://www.gravityhelp.com/forums/topic/can-gf-use-images-to-make-form-selections</a> (and some changes to that) but it doesn't seem to work. The radio button is persistent<br /> to say the least :-/<br /> I'm probably overlooking something, or just being stupid... </p> <p>css, so far:<br /> <pre><code>.gform_wrapper ul.gravity_radio li input[type=&quot;radio&quot;] { display: none !important; } .gform_wrapper ul.gfield_radio li input[type=&quot;radio&quot;] + label { padding: 5px; border: 1px solid #000; background: #ddd; } .gform_wrapper ul.gfield_radio li input[type=&quot;radio&quot;]:checked + label { border: 1px solid #000; background: #eee; font-weight: normal !important; color: #c00; }</code></pre> <p>The form is located at: <a href="http://dev.lauretum.net/wordpress/test-radio-buttons/" rel="nofollow">http://dev.lauretum.net/wordpress/test-radio-buttons/</a></p> <p>Any help would be appreciated.</p> <p>Thanks!<br /> Edde </p>