Trouble embedding on Wordpress site

Hi, I'm not having any luck embedding my form on one of my Wordpress pages.  I'm using the Divi builder.  I've tried adding the standard embed code, the iframe code, and the Wordpress specific embed to a text block, and still when I go to preview the page, the page just loads blank - no form, and none of my other page content.  Any ideas on how to successfully embed using the Divi builder? 

Thanks,

I would recommend you to embed the iFrame code following this guide about adding code to the Divi theme: https://www.elegantthemes.com/documentation/divi/code/ 

I hope this helps. 

Thanks, this was helpful.  Could you tell me how I would remove this extra header space in the form area as well as the light grey border on the sides?

Glad to know this worked. 

To reduce the space at the top, kindly inject this code: 

html, body, .form-all, form {

    margin-top: 0px !important;

    padding-top: 0px !important;

}

Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

I hope this helps. 

Thanks, but after I inserted this code, then re-embeded the iFrame on my page, it just loads this:

I added the last code you provided, after the previous code, in this section:

Any ideas?

Actually, I got it to work.  But can you tell me how to make the button larger, and get rid of the grey border around the form?

Hi,

I'm glad it worked.

You can make the button larger by adding the following CSS code:

.form-submit-button {

    width: 10em;

    height: 5em;

}

You can change the values of width and height as you like (px, %, em...)

I see that you've added CSS to remove the border, can you please confirm that it worked as expected?

Let us know if you need further assistance with this.

I've moved the last reply to a different ticket as it's related to a different matter than the original asked here, we will continue assisting you on this ticket: https://www.jotform.com/answers/2368840

Thanks.