How to make the terms and condition checkbox smaller?

  • Profile Image
    d_lane
    Asked on June 06, 2016 at 03:57 PM
    hi is there any way to make the "terms and conditions" checkbox smaller?
  • Profile Image
    Welvin
    Answered on June 06, 2016 at 04: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.