AnsweredAssumed Answered

Multiple Forms Checkbox CSS Issue

Question asked by Chris Warr on Sep 13, 2018
Latest reply on Sep 13, 2018 by Sanford Whiteman

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.

Outcomes