Why my form design doesn't match final form?

I think there is a style affecting my form but I can't figure out how to remove it.

My form design looks the way I want but the preview and embed versions have gray headers and footers over my form background image

The issue must be related to the theme used in your form, to fix that please copy and paste the below CSS code in your Custom CSS Field:

.form-input-wide{

  background: none repeat scroll 0 0 rgba(221, 221, 221, 0)!important;

  border: none;

}

.form-label-top {

  background: none repeat scroll 0 0 rgba(221, 221, 221, 0)!important;;

  border:none;

}

That should fix the problem.

Let us know how it worked.

Thank you!

That worked perfectly! Thank you.