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

  • Profile Image
    fhpw
    Asked on June 23, 2015 at 01: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.

     

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

    Thanks,

     

  • Profile Image
    Mike
    Answered on June 23, 2015 at 02:29 PM

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

    Please see the next animation:

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

    Thank you.

  • Profile Image
    fhpw
    Answered on June 23, 2015 at 02: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?

  • Profile Image
    Mike
    Answered on June 23, 2015 at 03: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: