How do I control spacing between questions on a single line?

  • Profile Image
    NRCsupport
    Asked 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

  • Profile Image
    pinoytech
    Answered 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
    NRCsupport
    Answered 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
    Carina
    Answered 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
    pinoytech
    Answered 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
    NRCsupport
    Answered 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
    TitusN
    Answered 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
    NRCsupport
    Answered 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.