Unable to select the checkbox on the embedded form.

  • Profile Image
    lovleah
    Asked on May 22, 2016 at 10:49 PM
    When I test the form out the check boxes will not check, even though I click on them.... can you look at my form please and advise do I need the check boxes bigger?
    http://heartnewbornphotography.com.au/investment/newborn-questionnaire-and-client-agreement/
    Im using iframe for integration
  • Profile Image
    Mike_G
    Answered on May 23, 2016 at 01:13 AM

    I see what you mean after I've tested the checkboxes on your form.

     

    I have inspected your website and I see a lot of <p>&nbsp;</p> in it. I understand that you have used those to create line spaces, however, those are placed in front of the embedded form that overlaps the form fields.

    You can try to replace those with <br> tags.

    Or, if you don't want that as an option, you can add the CSS codes to your website instead.

    div.single-post.single-page p:nth-child(n+3) {

      position: relative;

      z-index: -1 !important;

      }

    div.single-post.single-page p:first-child {

      position: relative;

      z-index: 1 !important;

    }

    I hope this helps. Let us know if you need any further assistance. Thank you.