Embedded Forms > Wordpress: Card Form not adjusting height

  • jewellsites
    Asked on April 25, 2024 at 6:47 PM

    Hello, I'm building a site on Wordpress with Cornerstone. I want users to join my wait list so I'm using a blank Card Form to achieve this. I've embedded the form using the iframe below with the modification of height: 239px. The form renders correctly within Cornerstone but does not reflect when I preview on the live site. There is a bunch of padding on the top and bottom of the card. See screenshots for reference.

    I appreciate any help you can give

    <iframe

    id="JotFormIFrame-241151987036054"

    title="WaitList"

    onDISABLEDload="window.parent.scrollTo(0,0)"

    allowtransparency="true"

    allow="geolocation; microphone; camera; fullscreen"

    src="https://form.jotform.com/241151987036054"

    frameborder="0"

    style="min-width:100%;max-width:100%;height:539px;border:none;"

    scrolling="no"

    >

    </iframe>

    <script src='https://form.jotform.com/s/umd/latest/for-form-embed-handler.js'></script>

    <script>window.jotformEmbedHandler("iframe[id='JotFormIFrame-241151987036054'", "https://form.jotform.com/")</script>

    Embedded Forms > Wordpress: Card Form not adjusting height Image 1 Screenshot 30Embedded Forms > Wordpress: Card Form not adjusting height Image 2 Screenshot 41

    Jotform Thread 14281911 Screenshot
  • Sonnyfer JotForm Support
    Replied on April 25, 2024 at 10:56 PM

    Hi Elisha,

    Thanks for reaching out to JotForm Support. I'm sorry you're having trouble embedding your card form to your WordPress site. Instead of just adjusting the height, can you try adding the following to the iFrame style?

    max-height: 380px ! important

    It should look like this afterward:

    Embedded Forms > Wordpress: Card Form not adjusting height Image 1 Screenshot 20

    Give it a try and let us know if you need any more help.

 
Your Answer