Wordpress widget adding extra height to iframe

  • Profile Image
    krtjess
    Asked on September 11, 2017 at 08:22 PM

    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.

     

     

  • Profile Image
    jonathan
    Answered on September 11, 2017 at 08:53 PM

    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.

     

  • Profile Image
    krtjess
    Answered on September 12, 2017 at 12:38 PM

    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...

  • Profile Image
    Nik_C
    Answered on September 12, 2017 at 01:26 PM

    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!

     

  • Profile Image
    krtjess
    Answered on September 12, 2017 at 04:28 PM

    Looked like that worked. 

     

    Thank you!

  • Profile Image
    Mike
    Answered on September 12, 2017 at 06:42 PM

    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.