Image checkbox: remove the border around the image

  • Profile Image
    timbroer
    Asked on October 31, 2016 at 10:54 AM

    With which css code I can remove the border around the checkbox?

    And how can I remove the space below this widget?

    Is it possible to take down the checkbox, so the checkbox doesn't fall over the image?

     

    Thanks in advance!

  • Profile Image
    Welvin
    Answered on October 31, 2016 at 02:25 PM

    Are you referring to this form: http://www.jotformeu.com/form/63043636801350? There is no border in the checkboxes, the border is in the images. The widget is actually using an image for the checkbox.

    http://widgets.jotform.io/imageCheckbox/img/black_32px.png

    If you want to remove the border around the images, inject the following custom CSS codes to the widget settings:

    img.default {

        border: none;

        width: 100px;

        height: 112px;

    }

    img.active {

        border: none;

    }