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 can I reduce vertical padding on a single text field?

    Asked by fhpw 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,

     

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

    vertical padding reduce vertical white space
  • Profile Image
    JotForm Support

    Answered by Mike 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

    Answered by fhpw 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
    JotForm Support

    Answered by Mike 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: