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 do I control spacing between questions on a single line?

    Asked by NRCsupport on February 10, 2014 at 05:31 AM

    On my form I have set all the spacing and padding options that I can find to zero, so that there is the minimum of wasted space. But I would like to increase the spacing between questions that are on a single line. What css setting do I use in order to achieve this?

    You can see the present state of my form at www.nrcsupport.com/html/contact_form.html

    find www all and
  • Profile Image

    Answered by pinoytech on February 10, 2014 at 08:49 AM

    Hi,

    There are a couple of ways to do this. Here's the easy way to change the spacing between all of the fields: http://www.jotform.com/help/62-How-Can-I-Change-Spacing-Between-Questions

    If you need further assistance, please let us know.

  • Profile Image

    Answered by NRCsupport on February 10, 2014 at 10:43 AM

    Thanks.

    Unfortunately that does not work for me.I don't want any vertical padding, so I already injected css to set padding to zero on all form lines. What I want is a little spacing between those fields that appear on a single line. Any suggestions please?

  • Profile Image

    Answered by Carina on February 10, 2014 at 10:58 AM

    Hello

    In addition you can use the following css code:

    body{line-height:60%}

    Adjust the percentage to the preferred values.

    Let us know please if you need more assistance.

  • Profile Image

    Answered by pinoytech on February 10, 2014 at 11:03 AM

    Hi,

    You may also use this custom css as an alternative solution.

    #id_3,#id_4 {

    margin-left: 10px !important;

    margin-right: 10px !important;

    }

    Feel free to contact us again if you need further assistance.

  • Profile Image

    Answered by NRCsupport on February 10, 2014 at 12:33 PM

    Thanks Carina and Pinoytech, I'll take a look at both of those suggestions. Presumably the line-height thing, changes the line spacing, but does not help with the horizontal spacing in a multi-field line.

  • Profile Image
    JotForm Support

    Answered by TitusN on February 10, 2014 at 01:25 PM

    Thank you for the update.

    Its possible that we may understand your request differently.

    Please take a screenshot and show us what you want changed. You may use this linked guide to upload your screenshot.

    Looking forward to your response, and thanks for sticking through this.

  • Profile Image

    Answered by NRCsupport on February 10, 2014 at 01:42 PM

    Thanks.

    The suggestion about margin-left and margin-right solves my problem.

    The suggestion about body(line-height} did not help. It just made lines of text overlap.