10 Replies Latest reply on Sep 13, 2018 10:10 PM by Sanford Whiteman

    Multiple Forms Checkbox CSS Issue

    Chris Warr

      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.