I need to shrink the form so there is less spacing

  • Profile Image
    Rocky18315
    Asked on October 16, 2017 at 09:50 PM

    I have tried to find this section using your online info but it really does not show how to get to the shrink function.


    Need to shrink the form spacing to make the form shorter.

  • Profile Image
    liyam
    Answered on October 17, 2017 at 01:09 AM

    I had to manually create the CSS code for your form. Please insert this code if this would fit to your liking (please refer to this guide to know how to insert/inject CSS codes into your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes): 

    .form-product-item-detail {
        padding-top : 0;
        padding-bottom : 0;
        margin-top : 0;
    }

    div[data-wrapper-react="true"] span {
        margin-top : 0 !important;
        margin-bottom : 0 !important;
    }

    .payment-form-table tr td {
        margin-top : 0 !important;
        margin-bottom : 0 !important;
        padding-top : 0 !important;
        padding-bottom : 0 !important;
    }

    .form-line {
        padding-bottom : 0 !important;
        margin-top : 0 !important;
        margin-bottom : 0 !important;
        padding-top : 3px !important;
    }

    .form-label {
        margin-bottom : 2px;
    }

    .form-submit-button {
        margin-bottom : 30px;
    }