How to reduce form height?

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



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


    thank you

  • Profile Image
    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="//" 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.