Unable to select the checkbox on the embedded form.

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

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.