How to reduce the space between question label and field?

  • henrygioia
    Asked on February 22, 2017 at 5:33 AM

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

  • Ashwin JotForm Support
    Replied on February 22, 2017 at 7: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:

    How to reduce the space between question label and field? Image 1 Screenshot 30

     

    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:

    How to reduce the space between question label and field? Image 2 Screenshot 41

     

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • henrygioia
    Replied 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

  • Ashwin JotForm Support
    Replied on February 22, 2017 at 2: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:

    How to reduce the space between question label and field? Image 1 Screenshot 20

     

    Hope this helps.

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

    Thank you!