I need to shrink the form so there is less spacing

  • Rocky18315
    Asked on October 16, 2017 at 9: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.

    Page URL: http://superb-printing.net/
  • liyam
    Replied on October 17, 2017 at 1: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;
    }