https://legacy.forums.gravityhelp.com/topic/checkbox-css-question Gravity Support Forums Topic: Checkbox CSS question en-US Sun, 19 Apr 2026 21:39:19 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/checkbox-css-question#post-134138 Mon, 28 Jan 2013 13:58:25 +0000 Chris Hajer 134138@https://legacy.forums.gravityhelp.com/ <p>Thanks for the update. </p> https://legacy.forums.gravityhelp.com/topic/checkbox-css-question#post-126580 Sun, 20 Jan 2013 05:47:21 +0000 gvnet 126580@https://legacy.forums.gravityhelp.com/ <p>Sorry - been a long day...! Gets hard to think a little creatively (or logically?) if Firebug is not showing all that needs to be seen sometimes.</p> <p>This will do it:</p> <pre><code>[css] .gform_wrapper ul.gfield_radio li input[type=&quot;radio&quot;] + label img</code></pre> <p>Thanks! </p> https://legacy.forums.gravityhelp.com/topic/checkbox-css-question#post-126574 Sun, 20 Jan 2013 05:34:01 +0000 gvnet 126574@https://legacy.forums.gravityhelp.com/ <p>Referencing this thread: <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></p> <p>I have images for my checkbox labels and a border around the image when selected via this:<br /> .<br /> <pre><code>gform_wrapper ul.gfield_radio li input[type=&quot;radio&quot;]:checked + label img { height: auto; border: 4px solid #aaa; }</code></pre> <p>When I apply the border, it adds to the total size of the image which causes some issues as I use a responsive theme. I have tried a few things to address this but one of the ideas that looks cool is to apply a white border of the same size to the image before it is selected, so that when selected, the total image size does not change.</p> <p>What will I call to style the image before it is selected?</p> <p>I tried:<br /> <code>gform_wrapper ul.gfield_radio li input[type=&quot;radio&quot;]:unchecked + label img</code> but it did not seem to work?</p> <p>Thanks! </p>