What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How can I change vertical spacing between specific questions rather than universally?

    Asked by mitmuseum on October 18, 2016 at 01:49 PM

    Why is this css not moving the two check boxes rows vertically closer to each other?

     

    #input_28, #input_29 {

        margin: -36px 0px -33px 0px !important;

        

    }

     

    This moves the boxes but not the associated text:

     

    #input_28_0, #input_29_0 {

        margin: -36px 0px -33px 0px !important;

        

    }

     

    Am I using wrong field ids? How do I find the correct ones? When I look at the properties for those questions and click on field details, the field IDs are #input_28_0 and #input_29_0. Maybe those are the IDs for the boxes, not the whole row?

    Page URL:
    https://form.jotform.com/62874578404971

    vertical spacing Than how how can i
  • Profile Image
    JotForm Support

    Answered by ashwin_d on October 18, 2016 at 03:34 PM

    Hello,

    Please inject the following custom css code in your form and remove the previous one you have added for checkbox question:

    li#id_28, li#id_29 {

        margin-top: -40px;

    }

    The following guide should help you how to inject custom css code in form:  https://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!

  • Profile Image

    Answered by mitmuseum on October 18, 2016 at 07:57 PM

    Thank you. How do I find the correct IDs for any other items I may want to space closely? (When I look at the properties for those questions and click on field details, the field IDs are #input_28_0 and #input_29_0. )

  • Profile Image
    JotForm Support

    Answered by Jim_R on October 18, 2016 at 10:42 PM

    There are 2 ways to do this:

    1. The easy way - Use our Form Designer. Double clicking (it's important you double click it) on any form field on the Form Designer will point you to the exact ID that needs to be adjusted.

    Related guide: Form-Designer-Tutorial-Let-s-create-fantastic-forms

    2. Or the traditional way - Use the browser console in Chrome to inspect the target element.

    Checking the ID from the Form Builder properties window will only work if you're targeting an actual field alone. In your case though, it's different, what you're trying to adjust is a form line (combination of label and control field) thus explaining why the IDs are different.