I created tree coloums but they are not aligned

  • Profile Image
    hpelanda
    Asked on December 06, 2016 at 08:52 AM

    Hello,

    My form is supposed to have 4 columns and I would like for all of them to be aligned with all the items on that column. Is there a way to do that? I've read the threats on how to create columns but none of them say how to align them. Under form design, if I select the option to create column it only create two and doesn't allow me to change that. I've created them by shrinking the fields but it doesn't look nice because they are not aligned. Is there a way to solve this problem?

    Thank you.

  • Profile Image
    Helen
    Answered on December 06, 2016 at 09:19 AM

    Hi,

    Thank you for contacting us.

    You must inject these CSS codes into your form:

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

        width : 240px;

    }

     

    .time-dropdown.form-dropdown {

        width : 55px;

    }

     

    .form-html {

        width : 240px;

    }

    Here is a guide helps to you for to inject custom CSS codes into the form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Everything works properly on my side. As you can see at below screenshot:

    If you have any questions or issue, feel free contact us.