https://legacy.forums.gravityhelp.com/topic/custom-checkbox-images Gravity Support Forums Topic: Custom Checkbox Images en-US Sun, 19 Apr 2026 23:29:49 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/custom-checkbox-images#post-80537 Fri, 12 Oct 2012 09:49:13 +0000 Rob Harrell 80537@https://legacy.forums.gravityhelp.com/ <p>Right on - glad that worked out and you got it working. We appreciate your support as well! </p> https://legacy.forums.gravityhelp.com/topic/custom-checkbox-images#post-80534 Fri, 12 Oct 2012 09:45:20 +0000 ZilchGravity 80534@https://legacy.forums.gravityhelp.com/ <p>actually, I found the solution to that problem here:<br /> <a href="http://www.gravityhelp.com/forums/topic/clicking-checkboxes-via-label-on-ipad" rel="nofollow">http://www.gravityhelp.com/forums/topic/clicking-checkboxes-via-label-on-ipad</a></p> <p>Thanks to you and your team for your awesome plugin and great support! </p> https://legacy.forums.gravityhelp.com/topic/custom-checkbox-images#post-80527 Fri, 12 Oct 2012 09:33:51 +0000 ZilchGravity 80527@https://legacy.forums.gravityhelp.com/ <p>awh crap. for some reason when I test it on my iphone, it wont let me check any of the boxes!!! life.<br /> any thoughts on that? </p> https://legacy.forums.gravityhelp.com/topic/custom-checkbox-images#post-80526 Fri, 12 Oct 2012 09:24:40 +0000 ZilchGravity 80526@https://legacy.forums.gravityhelp.com/ <p>bingo. </p> https://legacy.forums.gravityhelp.com/topic/custom-checkbox-images#post-80525 Fri, 12 Oct 2012 09:17:58 +0000 Rob Harrell 80525@https://legacy.forums.gravityhelp.com/ <p>Got it - change it to gf_list_4col and then drop this CSS into your theme's stylesheet:</p> <pre><code>[css] #input_1_7 label { margin-left: 0; }</code></pre> <p><a href="https://www.evernote.com/shard/s212/sh/0ce01688-0961-44b9-948b-93d1e31f7960/cc8e42d1477e74669beb7cd7693c5fd7" rel="nofollow">Result</a> </p> https://legacy.forums.gravityhelp.com/topic/custom-checkbox-images#post-80524 Fri, 12 Oct 2012 09:14:53 +0000 ZilchGravity 80524@https://legacy.forums.gravityhelp.com/ <p>Thanks so much Rob, Getting closer. But still not quite there, any thoughts?</p> <p>I'll seriously order you pizza if we can get this straightened out. </p> https://legacy.forums.gravityhelp.com/topic/custom-checkbox-images#post-80521 Fri, 12 Oct 2012 09:09:48 +0000 Rob Harrell 80521@https://legacy.forums.gravityhelp.com/ <p>Try this ready class out and see how that goes for you:</p> <p>gf_list_2col </p> https://legacy.forums.gravityhelp.com/topic/custom-checkbox-images#post-80519 Fri, 12 Oct 2012 09:05:53 +0000 ZilchGravity 80519@https://legacy.forums.gravityhelp.com/ <p>Okay.. After reviewing some of my code, I was able to compare it to the example in this thread and solve my problem with the images showing.<br /> <a href="http://www.gravityhelp.com/forums/topic/checkbox-picture" rel="nofollow">http://www.gravityhelp.com/forums/topic/checkbox-picture</a> </p> <p>However, I'm still having a problem getting the checkboxes to be aligned horizontally. I've tried different css display options, ie, block, inline, inline block, float left etc... basically anything I could think of. I also tried using the CSS ready class gf_list_inline. That caused the checkboxes to be horizontally aligned, but made my custom images disappear and made the default checkboxes re-appear. </p> <p>Thanks again in advance! </p> https://legacy.forums.gravityhelp.com/topic/custom-checkbox-images#post-80330 Thu, 11 Oct 2012 12:00:08 +0000 ZilchGravity 80330@https://legacy.forums.gravityhelp.com/ <p>I've been trying to customize the checkboxes on my form, I've read a few threads in the forums that I came across, and they've helped me a bit, but I'm still not quite there.</p> <p>This is the form I am currently working on,</p> <p><a href="http://www.ewebsolutionz.com/test/eWebMobile/mobilewp/contact/" rel="nofollow">http://www.ewebsolutionz.com/test/eWebMobile/mobilewp/contact/</a></p> <p>I'm trying to assign custom background images for each checkbox, (both unchecked, and checked states) and also change their positioning so they are in a horizontal orientation rather than a vertical stack. </p> <p>This is an image of what I currently have,<br /> <a href="http://www.ewebsolutionz.com/test/eWebMobile/mobilewp/wp-content/themes/eWebMobileWpTheme/Images/1.png" rel="nofollow">http://www.ewebsolutionz.com/test/eWebMobile/mobilewp/wp-content/themes/eWebMobileWpTheme/Images/1.png</a></p> <p>and what I'm after,<br /> <a href="http://www.ewebsolutionz.com/test/eWebMobile/mobilewp/wp-content/themes/eWebMobileWpTheme/Images/2.png" rel="nofollow">http://www.ewebsolutionz.com/test/eWebMobile/mobilewp/wp-content/themes/eWebMobileWpTheme/Images/2.png</a><br /> <a href="http://www.ewebsolutionz.com/test/eWebMobile/mobilewp/wp-content/themes/eWebMobileWpTheme/Images/3.png" rel="nofollow">http://www.ewebsolutionz.com/test/eWebMobile/mobilewp/wp-content/themes/eWebMobileWpTheme/Images/3.png</a></p> <p>any help to get me toward that direction would be really appreciated<br /> Thanks in advance! </p>