How to make the terms and condition checkbox smaller?

  • d_lane
    Asked on June 6, 2016 at 3:57 PM
    hi is there any way to make the "terms and conditions" checkbox smaller?
  • Welvin Support Team Lead
    Replied on June 6, 2016 at 4:33 PM

    Inject the following custom CSS codes in the CSS area of the widget:

    .icheckbox_minimal, .icheckbox_minimal.checked.hover {

        width: 12px;

        height: 12px;

    }

    .icheckbox_minimal.checked.disabled,.icheckbox_minimal.disabled,.icheckbox_minimal.hover{

    border:none;

    width:12px;

    height:12px;

    }

    .icheckbox_minimal, .iradio_minimal {

        background-size: 192px 12px;

    }

    Simply adjust the sizes to your preference. The last one is to adjust the check icon. The first two sizes are the size of the box.

    How to make the terms and condition checkbox smaller? Image 1 Screenshot 20