How can I reduce the vertical distance between 2 fields?

  • hdelashmit
    Asked on January 8, 2015 at 3:22 PM

    From the Quick Tools, I added an address to my form, but there is no field for Name in the address section.  I tried adding a Name field right above it and changing the heading for that field, but then the name field is spaced too far above the rest of the address section.  Is there any way to add the Name to the address section, or do I just need to create each field individually?

    Jotform Thread 492568 Screenshot
  • raul
    Replied on January 8, 2015 at 4:40 PM

    I'm sorry, but I don't fully understand your question.

    Are you maybe referring to the labels of the fields? Is this what you're trying to accomplish: http://form.jotformpro.com/form/50076816569969

    How can I reduce the vertical distance between 2 fields? Image 1 Screenshot 40

    If it is, then you can right-click the field, click on "Show Properties" and enter the desired label on the "Question" field.

    How can I reduce the vertical distance between 2 fields? Image 2 Screenshot 51

    How can I reduce the vertical distance between 2 fields? Image 3 Screenshot 62

    You can also clone the form to your account if you want to.

    If you're referring to something else, please let us know and we'll be happy to help.
    Thanks.

  • hdelashmit
    Replied on January 8, 2015 at 5:07 PM

    Thanks for getting back to me, however, the question that I entered originally is not what is showing up on the forum, so I will re-phrase:

    I do not want to change a label name.  I just want to have one label (called Shipping Address) that includes a field for the name, as well as a field for the street address, city, state, etc.

    I do not want the name to be a separate field than the rest of the address.

     

    How can I reduce the vertical distance between 2 fields? Image 1 Screenshot 20

  • raul
    Replied on January 8, 2015 at 6:19 PM

    My apologies, I totally misunderstood your question.
    Thank you for providing the screenshot, it was very helpful.

    Please try to inject the following CSS code in your form:

    li#id_5 {
    padding-bottom: 0;
    }

    li#id_3 {
    padding-top: 0;
    }

    The result should be the following:

    How can I reduce the vertical distance between 2 fields? Image 1 Screenshot 20

    I've also updated my demo form so you can see it live.

    Let us know if this works for you.
    Thank you.