Wordpress widget adding extra height to iframe

I'm using the wordpress embed code to insert my form into a post. The iframe is being given an attribute of height="1000". My form is only about 650px in height, so this gives it a big space underneath the form. 

I've added custom css to almost every part of the form, including .form-all and .supernova

I need to remove this height attribute from the iframe. If anyone has any idea how to do this I would appreciate it

Thanks.

I was able to see the issue you described when I checked on your WP website page here.

It is possible also the issue was due to the reason there were multiple forms embedded on the same page on your website. There could be script conflict issue caused by multiple jquery script within the page.

What I suggest you do is to remove first the other form and test temporarily with only one form embedded on the page. You can check if the same issue occur with only one form published on the website.

Let us know if issue persist.

Hello, 

Thank you for your answer. I removed the other form on this wordpress page, but the extra height issue still persists. The height is being applied to the iframe attribute itself:

You can see the problem live here: http://www.krtmarketing.com/blog/career-site-increase-application-flow

Additionally, I need to have both jotforms live on this page. I don't see how that should be a problem...

I checked your form and you could decrease the height of the form in order to make it better appear when embedded:

So please try inserting the below CSS code in your Wordpress:

iframe.wp-embedded-content {

    height: 640px!important;

}

Here is how: http://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/

Please let us know how that worked.

Thank you!

Looked like that worked. 

Thank you!

Your oEmbedded form may have submission issue. If you would like to embed the forms like this, please install a JotForm oEmbed plugin first, then re-add the form.