Terms and conditions checkbox

When I hover over the checkbox it changes sizes. Also the check is too big.

When you are over the checkbox there is a class added to it, it is .hover, please try injecting this code to your widget: 

.hover{

   width: 8px !important;

    height: 8px !important;

}

It has the same dimensions that you have already set to the checkbox, to add the code to the widget follow these steps. 

First click on the widget and then click on the wizard icon: 

Then click on the CSS tab and paste the code there: 

Hope this helps. 

sorry that doesn't fix the issue.

can't see the check inside the box and hovering over still alters the box

Hi,

Please add the following CSS to the widget:

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

    background-position: -23px 0 !important;

    border: 1px solid #585858 important;

}

.icheckbox_minimal {

    background-size: 110px 10px !important;

}

The result should be as follows.

ok that worked for the check, but when i hover over the box it shouldn't move at all..any fix for this?

Hi,

Please replace the latest CSS I gave above with this.

.icheckbox_minimal.checked {

    background-position: -23px 0 !important;

    background-size: 110px 10px !important;

}

.icheckbox_minimal.hover {

    border: 1px solid #585858 !important;

}

The result should be as follows.