How to increase size of form on webpage?

  • Profile Image
    beatylaw
    Asked on July 23, 2017 at 05:24 PM

    Payment form is on WP page and requires slider on the desktop and so small on mobile that it is difficult or impossible to use. What can be done to change the size?

  • Profile Image
    Jan
    Answered on July 23, 2017 at 05:58 PM

    I checked your web page and I was able to replicate the issue. The problem is that the iFrame's height where the form is embedded is not configured correctly. In the CSS, it shows that the height is 0 even though the form itself is 1000px.

    The solution is to increase the iFrame's height using CSS on your own web page. Here's the CSS code that you need to inject in the stylesheet of your website:

    .avia-video-16-9, .js_active .avia-iframe-wrap {
    height: 1065px !important;
    }

    You may also try to re-embed the form using the iFrame method. Here's a guide: https://www.jotform.com/help/148-Getting-the-form-iFrame-code.

    Hope that helps. Thank you.