How can I reduce vertical padding on a single text field?

  • fhpw
    Asked on June 23, 2015 at 1:43 PM

    I would like to reduce the padding on the text box so that it bumps up against the Meal Choice and the separator line is closer.  Where the arrows are pointing, I would like to reduce spacing.

     

    How can I reduce vertical padding on a single text field? Image 1 Screenshot 20

    https://secure.jotformpro.com/fhpw/Reservation

    Thanks,

     

  • Mike
    Replied on June 23, 2015 at 2:29 PM

    It is possible to remove an HTML paragraph in order to reduce the white space.

    Please see the next animation:

    How can I reduce vertical padding on a single text field? Image 1 Screenshot 20

    If this is not enough, we can apply some CSS in order to reduce the paddings.

    Thank you.

  • fhpw
    Replied on June 23, 2015 at 2:51 PM

    Thanks!  This did move the it a little. However, I would like to move it closer so that the text appears to be part of the Menu Choice.  What is the CSS that can be applied?

  • Mike
    Replied on June 23, 2015 at 3:13 PM

    You can try with the next CSS. Not that you will need to add a closing curly bracket } via CSS tab to fix a current CSS conflict.

    #id_33 {

        padding-top : 0;

    }

    #id_13 {

        padding-bottom : 0;

    }

    Example:

    How can I reduce vertical padding on a single text field? Image 1 Screenshot 20