I have multiple Marketo forms on this page. Only problem is the CSS I have used to style checkboxes isnt working and when you use the checkbox of the 2nd or 3rd form on the page it checks the 1st form instead. When I remove the CS it works fine.
Here is the page with forms:
https://www.busyatwork.com.au/marketo-forms/aged-care/
And below is my CSS. I have tried to use the > child combinator but this doesn't work.
.mktoCheckboxList > input + label:before {
content: '';
background: #fff;
// border: 2px solid #ddd;
display: inline-block;
vertical-align: middle;
height: 22px;
height: 22px;
padding: 2px;
margin-right: 10px;
text-align: center;
}
.mktoCheckboxList > input:checked + label:before {
content: "\f00c";
font-family: 'FontAwesome';
background: #015daa;
color: #fff;
border-color: #015daa;
}
Help appreciated.
Adchoices