Split the jotform into 2 columns and remove the space between the fields

  • emfnboca
    Asked on January 9, 2015 at 8:09 PM

    Good Day,

    I've looked up on how to make this happen, but not able to complete task. I'm looking to use 2 columns on my form. Any help or suggestions would be great. thank you.

     

    Jotform Thread 493624 Screenshot
    Page URL: http://goo.gl/hoCyP9
  • emfnboca
    Replied on January 10, 2015 at 12:21 AM

    sorry not working.

  • emfnboca
    Replied on January 10, 2015 at 1:34 AM

    I got everything working. and now have one question. How do I go about moving the boxes closer to each other?  the space between boxes I want to close in the middleSplit the jotform into 2 columns and remove the space between the fields Image 1 Screenshot 20

  • Ben
    Replied on January 10, 2015 at 7:15 PM

    Hi,

    Thank you for updating us.

    To do that you should add this code:

    li.form-line:nth-child(even) {
        padding-right: 5px;
    }
    li.form-line:nth-child(odd) {
        padding-left: 5px;
    }
    #id_14 {
        padding: 12px 36px;
    }

    Inject Custom CSS Codes guide will show you how to apply the codes above to your jotform.

    The last part returns the padding for the image at the top back to what it was, while the code above it will decrease it making it fall in close one to another.

    Please test and let us know how it goes.

    Best Regards,
    Ben