How can I resize a jot form

  • pammadore
    Asked on January 16, 2016 at 11:48 AM

    It would like it smaller.  On one of my pages it is about a foot tall maintaining the width

  • Kevin Support Team Lead
    Replied on January 17, 2016 at 1:46 AM

    Hi,

    I would suggest you to make your form mobile responsive, you will find how to do it on this guide : http://www.jotform.com/help/311-How-to-make-Forms-Mobile-Responsive 

    Also, you may inject this CSS code : 

    /*-----------RESPONSIVE LAYOUT-----------*/

     

     

     

    .form-line.form-line-column {

     

    width: 100% !important;

     

    margin-left:0

     

    }

     

     

     

    .form-line{

     

    width: 100%;    

     

    }

     

     

     

    .form-textarea,

     

    .form-textbox,

     

     

     

    .form-dropdown{

     

    width: 100% !important;

     

    -webkit-box-sizing: border-box;

     

    -moz-box-sizing: border-box;

     

    box-sizing: border-box;

     

    }

     

     

     

    .form-label-left, .form-label-right{

     

    width: auto !important;

     

    }

     

     

     

    .form-buttons-wrapper{

     

    margin-left:0 !important;

     

    }

     

     

     

    .form-input {

     

    width: 100% !important;

     

    }

     

     

     

    .form-all{

     

    width: 75% !important;

     

    }

     

     

     

    .form-sub-label-container {

     

    width: 100% !important;

     

    display: block  !important;

     

    }

     

    Hope this will help you to display your form properly.

    Regards.