How to change the width of the form columns?

  • area3d
    Asked on March 1, 2016 at 9:33 AM

    hi,

    after enabling the "Enable form columns" oprion, i would like to set different width to the columns. How can i d that?

     

    Thanks

     

  • Ashwin JotForm Support
    Replied on March 1, 2016 at 11:06 AM

    Hello area3d,

    I did check your form and found that you have added 2 column form. Please inject the following custom css code to change the width of first column:

    .form-line-column.form-col-1 {

    width: 40%; /*You can add the value in px as well. Example: 400px*/

    }

     

    The following custom css code will change the width of second column:

    .form-line-column.form-col-2 {

    width: 60%; /*You can add the value in px as well. Example: 600px*/

    }

    The following guide should help you how to inject custom css code in your form:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!