Form Styling css from a Facebook Avada Users Group member, Lizza Alli.
Avada Forms checkboxes are really not checkboxes at all! To use a checkmark in the box some additional styling is needed, adjust to your preference for color and sizing:
.my-checkbox .fusion-form-checkbox label{
padding-left:25px!important;
}
.my-checkbox .fusion-form-checkbox label:before {
height:20px!important;
min-width:20px!important;
}
.my-checkbox .fusion-form-checkbox input:checked+label:before{
background: var(–awb-form-focus-border-color);
}
.my-checkbox .fusion-form-checkbox input:checked+label:after{
left: 5px!important;
top: 2px!important;
width: 5px!important;
height: 15px!important;
background:initial!important;
border: solid #ffffff!important;
border-width: 0 2px 2px 0!important;
transform: rotate(45deg)!important;
}
