AnsweredAssumed Answered

Multiple Forms Checkbox CSS Issue

Question asked by 2e0204b409aba142da5322e5da43e3025f913e86 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:


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.