How to reduce form height?

  • Profile Image
    WebsiteAdmin
    Asked on September 23, 2013 at 04:31 PM

    Hello,

     

    I have emebbed form on left sidebar on www.powerofsales.org however its seems to be too long, is there any way to shortern it.

     

    thank you

  • Profile Image
    Tasha
    Answered on September 23, 2013 at 07:24 PM

    You can reduce the height of your form by changing the height of the iFrame to size that you would like, currently it is 887px. 

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/32655910375255" frameborder="0" style="width:100%; height:887px; border:none;" scrolling="no"></iframe>

    You will also need to inject CSS on your form to adust the fields when the height is adjusted. The CSS below worked for me when I tested your form with a height of 645px. Please review this guide for more information on how to inject css. 

    .form-line {

    padding: 0px !important;

    }

    .form-line-column {

    width: 100% !important;

    }

    #input_7 {

    width: 85% !important;

     

    }

    #cid_8 {

    width: 75% !important;

     

    }

     

    I hope this helps! Please let us know if you have any further assistance. 

    Thanks!