Need help in getting rid of white space

  • EloineChap
    Asked on August 31, 2017 at 12:49 PM

    I am working on an order form and I can't figure out how to get the headings closer to the items. They look like separate elements. I have tried both a text field and header field but there is still the uncomfortable about of padding under the heading. Not sure how to target it?

    Jotform Thread 1237187 Screenshot
  • BJoanna
    Replied on August 31, 2017 at 1:54 PM

    Add this CSS code to your form:

    #id_53 {

        padding-bottom : 0px!important;

        margin-bottom : 0px!important;

    }

    div#text_53 {

        padding-bottom: 0px!important;

    }

    p {

        padding-bottom: 0px!important;

        margin-bottom: 0px!important;

    }

    How to Inject Custom CSS Codes

     

    After that your form will look like this.

    Need help in getting rid of white space Image 1 Screenshot 20

    Here is my demo form: https://form.jotformpro.com/72425304818960 

    Feel free to test it.

    You can also check this guides:

    How Can I Change Spacing Between Questions?

    How to Reduce Vertical Spacing Between Fields

    Hope this will help. 

  • EloineChap
    Replied on August 31, 2017 at 2:03 PM

    Thank you! That worked!