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 reduce the space between question label and field?

    Asked by henrygioia on February 22, 2017 at 05:33 AM

    how can I reduce the horizontal space between label and input field of one element?

  • Profile Image
    JotForm Support

    Answered by ashwin_d on February 22, 2017 at 07:38 AM

    Hello henrygioia,

    I did check your last edited form and it shows blank space between question label and textbox. Please check the screenshot below:

     

    You want to reduce the space as displayed in the screenshot above. Is that correct?

    Please inject the following custom css code and that should solve your problem:

    label#label_8 {

        margin-right: -30px !important;

    }

    Please check the screenshot below on how to inject custom css code:

     

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image

    Answered by henrygioia on February 22, 2017 at 12:07 PM

    Thanks for the very kind reply but look what happens if an increase of 1 Px font although there is label space port on 2 lines

  • Profile Image
    JotForm Support

    Answered by ashwin_d on February 22, 2017 at 02:12 PM

    Hello henrygioia,

    It seems along with changing the font size, you seems to have increased the size of the text box too. 

    To fix this issue, please delete the custom css code you have already added in form and inject the following custom css code in your form:

    label#label_7 {

        margin-right: 7px !important;

        width: 92px !important;

    }

    label#label_8 {

        margin-right: -30px !important;

    }

    If you change the size of the textbox to 25 again, both the textbox will be displayed in the same line. Please check the screenshot below:

     

    Hope this helps.

    Do get back to us if you need any other changes.

    Thank you!