https://legacy.forums.gravityhelp.com/topic/customize-checkboxes Gravity Support Forums Topic: Customize checkboxes en-US Sun, 19 Apr 2026 23:19:59 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/customize-checkboxes#post-273343 Fri, 24 May 2013 10:25:04 +0000 Rob Harrell 273343@https://legacy.forums.gravityhelp.com/ <p>You probably just need to modify your selector. The class you place does not get put onto the input itself. See this <a href="https://www.evernote.com/shard/s212/sh/1f2d35ce-1d95-4d05-98e3-c2c5004093ce/28dacea97900007d3de0be3b98085d37" rel="nofollow">screenshot</a>. </p> https://legacy.forums.gravityhelp.com/topic/customize-checkboxes#post-273327 Fri, 24 May 2013 10:18:35 +0000 graccurris 273327@https://legacy.forums.gravityhelp.com/ <p>Yes, it is here: <a href="http://bit.ly/11fkeCD" rel="nofollow">http://bit.ly/11fkeCD</a></p> <p>Thanks. </p> https://legacy.forums.gravityhelp.com/topic/customize-checkboxes#post-273304 Fri, 24 May 2013 10:05:14 +0000 Rob Harrell 273304@https://legacy.forums.gravityhelp.com/ <p>Can you post a link to your form? </p> https://legacy.forums.gravityhelp.com/topic/customize-checkboxes#post-273090 Fri, 24 May 2013 08:28:35 +0000 graccurris 273090@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I just bought the plugin and I added one form with a "Pricing" field "Option". For this option I gave 3 values, and in the CSS Class name I indicated "check_03".</p> <p>Then, in my CSS I added at the bottom the following code:</p> <p>/* estilo 03 */<br /> input[type=checkbox].check_03 {display: none;}<br /> input[type=checkbox].check_03 + label {<br /> background: #fff;<br /> display: inline-block;<br /> width: 160px;<br /> height: 45px;<br /> background: url(/images/check_03.png) 0px 0px no-repeat;<br /> text-indent: -1000em;<br /> }</p> <p>input[type=checkbox].check_03:checked + label { background: url(/images/check_03.png) 0px -45px no-repeat;}</p> <p>I mean to have checkboxes like the third one of: <a href="http://www.cmacias.com/wp-content/uploads/demos/checkbox/index.html" rel="nofollow">http://www.cmacias.com/wp-content/uploads/demos/checkbox/index.html</a></p> <p>But I don't actually get it done.</p> <p>What I am doing wrong?</p> <p>Thanks. </p>