Need help in getting rid of white space

  • Profile Image
    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?

  • Profile Image
    BJoanna
    Answered on August 31, 2017 at 01: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.

    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. 

  • Profile Image
    EloineChap
    Answered on August 31, 2017 at 02:03 PM

    Thank you! That worked!