How to reduce the space between question label and field?

  • Profile Image
    henrygioia
    Asked 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
    ashwin_d
    Answered 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
    henrygioia
    Answered 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
    ashwin_d
    Answered 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!