How to increase size of form on webpage?

  • beatylaw
    Asked on July 23, 2017 at 5: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?

    Page URL: http://texasdwiguide.com/pay/
  • Jan
    Replied on July 23, 2017 at 5: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.

    How to increase size of form on webpage? Image 1 Screenshot 20

    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.