https://legacy.forums.gravityhelp.com/topic/can-gf-use-images-to-make-form-selections Gravity Support Forums Topic: Can GF use images to make form selections? en-US Thu, 23 Apr 2026 05:53:23 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/can-gf-use-images-to-make-form-selections#post-55115 Thu, 12 Apr 2012 16:21:48 +0000 Rob Harrell 55115@https://legacy.forums.gravityhelp.com/ <p>No problem, glad to help out. </p> https://legacy.forums.gravityhelp.com/topic/can-gf-use-images-to-make-form-selections#post-55114 Thu, 12 Apr 2012 16:19:17 +0000 dfricke10 55114@https://legacy.forums.gravityhelp.com/ <p>Lookey there... Perfect! Thank you!!! </p> https://legacy.forums.gravityhelp.com/topic/can-gf-use-images-to-make-form-selections#post-55108 Thu, 12 Apr 2012 15:58:27 +0000 Rob Harrell 55108@https://legacy.forums.gravityhelp.com/ <p>Alrighty, this should do the trick for you:</p> <pre><code>[css] .gform_wrapper ul.gfield_radio li input[type=&quot;radio&quot;]:checked + label img { border: 1px solid #000; }</code></pre> https://legacy.forums.gravityhelp.com/topic/can-gf-use-images-to-make-form-selections#post-55105 Thu, 12 Apr 2012 15:49:40 +0000 dfricke10 55105@https://legacy.forums.gravityhelp.com/ <p>Do I keep the <code>display:none;</code> in there, or is that a separate entry from the one earlier in the post? </p> https://legacy.forums.gravityhelp.com/topic/can-gf-use-images-to-make-form-selections#post-55104 Thu, 12 Apr 2012 15:48:10 +0000 dfricke10 55104@https://legacy.forums.gravityhelp.com/ <p><a href="http://dev.rockgear.com/shop/custom-ladies-tee-2/" rel="nofollow">http://dev.rockgear.com/shop/custom-ladies-tee-2/</a></p> <p>It's under development still. I'd like the selected swatch to have the box around it. </p> https://legacy.forums.gravityhelp.com/topic/can-gf-use-images-to-make-form-selections#post-55094 Thu, 12 Apr 2012 15:05:37 +0000 Rob Harrell 55094@https://legacy.forums.gravityhelp.com/ <p>That's what richardvav's page had on his styling. Do you have a link to your form? </p> https://legacy.forums.gravityhelp.com/topic/can-gf-use-images-to-make-form-selections#post-55093 Thu, 12 Apr 2012 15:04:47 +0000 dfricke10 55093@https://legacy.forums.gravityhelp.com/ <p>That didn't work. It brought back the radio buttons. </p> https://legacy.forums.gravityhelp.com/topic/can-gf-use-images-to-make-form-selections#post-55091 Thu, 12 Apr 2012 14:56:59 +0000 Rob Harrell 55091@https://legacy.forums.gravityhelp.com/ <p>Try dropping this into your theme's stylesheet:</p> <pre><code>[css] .hideradio input[type=&quot;radio&quot;]:checked + label span { border: solid black 1px; }</code></pre> https://legacy.forums.gravityhelp.com/topic/can-gf-use-images-to-make-form-selections#post-55070 Thu, 12 Apr 2012 13:27:10 +0000 dfricke10 55070@https://legacy.forums.gravityhelp.com/ <p>Nevermind. Figured that out. Now how did you add the border around the image once selected? </p> <p>Thanks in advance for your help. </p> https://legacy.forums.gravityhelp.com/topic/can-gf-use-images-to-make-form-selections#post-55068 Thu, 12 Apr 2012 13:21:53 +0000 dfricke10 55068@https://legacy.forums.gravityhelp.com/ <p>How did you get the images to display next to each other? I have it working with the hideradio, but would like the images to line up horizontally. The gf_list_4col works, but how do you do both? </p>