Form Styling css from a Facebook Avada Users Group member Shrzm Rml (formerly 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:
In addition you can fancy it up with an actual checkmark: Shrzm Rml
shared this css that I have modified a bit:
/*Use custom styles.
1. Add a classname to checkbox field element e.g “my-checkbox”
2. use below styles..*/
.my-checkbox .fusion-form-checkbox label{
padding-left:25px!important;
}
.my-checkbox .fusion-form-checkbox label:before {
height:15px!important;
min-width:15px!important;
}
.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 #ff0000!important;
border-width: 0 3px 3px 0!important;
transform: rotate(45deg)!important;
}
