PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Customize checkboxes

  1. graccurris
    Member

    Hi,

    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".

    Then, in my CSS I added at the bottom the following code:

    /* estilo 03 */
    input[type=checkbox].check_03 {display: none;}
    input[type=checkbox].check_03 + label {
    background: #fff;
    display: inline-block;
    width: 160px;
    height: 45px;
    background: url(/images/check_03.png) 0px 0px no-repeat;
    text-indent: -1000em;
    }

    input[type=checkbox].check_03:checked + label { background: url(/images/check_03.png) 0px -45px no-repeat;}

    I mean to have checkboxes like the third one of: http://www.cmacias.com/wp-content/uploads/demos/checkbox/index.html

    But I don't actually get it done.

    What I am doing wrong?

    Thanks.

    Posted 11 years ago on Friday May 24, 2013 | Permalink
  2. Can you post a link to your form?

    Posted 11 years ago on Friday May 24, 2013 | Permalink
  3. graccurris
    Member

    Yes, it is here: http://bit.ly/11fkeCD

    Thanks.

    Posted 11 years ago on Friday May 24, 2013 | Permalink
  4. You probably just need to modify your selector. The class you place does not get put onto the input itself. See this screenshot.

    Posted 11 years ago on Friday May 24, 2013 | Permalink