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 to change spacing between the fields

    Asked by sellyon on September 11, 2014 at 01:50 PM

    Is it possible to modify the height of title and texte labels, not the size of the characters (I know it is possible) but the vertical size of the label ? The space under and above title or text is too big. Thanks for your help.

    Michel

    Page URL:
    http://french.jotform.com//?formID=42534681922962

    label padding label height label spacing
  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on September 11, 2014 at 04:20 PM

    By reducing th space above and under Title/Text, do you mean reducing the vertical space between fields ? Please check that guide.

    Or are you talking about the padding between the text of the label and the field itself ?

    In the image below, this is the custom css used, so the space gets reduced between checkboxes and the label  a) Vous consultez le site internet de SEL

    .form-label-top {
        margin-bottom: 6px;
        display: block;
        white-space: normal;
        padding-top: 0px;
        padding-bottom: 0px;
    }

  • Profile Image

    Answered by sellyon on September 11, 2014 at 06:08 PM

    My problem is the padding between text of the label and the field itself. How can I modify the padding ?

  • Profile Image
    JotForm Support

    Answered by EltonCris on September 11, 2014 at 07:55 PM

    First, you are using two different fields (text field and checkbox field) which both has padding that's why they're a little far form each other.

    You may consider using the following CSS codes.

    .form-html p {

    margin: 0;

    }

    [data-type="control_text"] {

    margin-bottom: 0;

    }

    [data-type="control_checkbox"] {

    margin-top: 0;

    }

    So it would look like this.

    --

    You can also control the spacing between each fields in the form builder.

    Guide: https://www.jotform.com/help/62-How-can-I-change-spacing-between-questions

    Thank you!

  • Profile Image

    Answered by sellyon on September 12, 2014 at 02:04 AM

    I understand your answer, but I don't know how modifying CSS code. I have firebug but it is not possible to modify CSS code with firebug. My computer is Mac. How can I manage ?

     

     

     

     

  • Profile Image
    JotForm Support

    Answered by EltonCris on September 12, 2014 at 03:36 AM

    Sorry about that, you have to inject the provided CSS codes to your form.

    Here's a guide for that: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Regards!