How can bring fields closer to each other in a row.

  • yogishchandra
    Asked on July 27, 2017 at 7:11 AM

    Hi,

    Could you please help me understand how I can bring three fields close to each other in a single row. As close as possible.

     

    Page URL: https://form.jotform.me/72073463673459
  • iremyuksel
    Replied on July 27, 2017 at 10:09 AM

    In order to adjust the spacing between fields, you have to inject a custom CSS code to your form such as:

     

    li#id_3 {

      margin-right: -60px;

    }

     

    li#id_4 {

        margin-left: -60px;

        margin-right : -60px;

    }

     

    li#id_5 {

        margin-right : -60px;

    }

     

    In this piece of code, id_3 refers to First Name, id_4 to Last Name and id_5 to Prefix. You can play with the pixel values (-60 in the code) as you wish to get the design you want. 

     

    To inject a CSS code, you can check this link: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes