How to remove the extra line spacing?

  • QualityTintingandSigns
    Asked on September 17, 2024 at 1:31 PM

    hello I want to remove the large space after YEAR/MAKE/MODEL. I understand there needs to be a spot for the info to fill but there is a large empty space after the input for that field and the line. I'd like the spacing to be more like the second line on the form after subtotal and before shaved edge


    https://form.jotform.com/241485706315154

    Jotform Thread 19099631 Screenshot
  • Princess JotForm Support
    Replied on September 17, 2024 at 2:32 PM

    Hi Micaela,

    Thanks for reaching out to Jotform Support. To remove the extra space, we need to add a custom CSS code to your form. Let me show you how:

    1. First, copy the custom CSS code below:

    /* Remove/reduce extra spacing - {19099631}*/ 

    #id_82 {
      margin-bottom: -10px !important;
      padding-bottom: 0px !important;
    }

    #id_90 {
      margin-top: -5px !important;
      margin-bottom: -50px !important;
    }

    /* Ends here */


    2. Now, in Form Builder, click the Paint Roller icon to open Form Designer.

    3. Navigate to Styles tab.

    4. Scroll down to find the Inject Custom CSS section and paste the custom CSS code.

    How to remove the extra line spacing? Image 1 Screenshot 20

    Here's the link to my cloned form for you to check and see the results. Also, you can clone the form by following this guide on How to Clone an Existing Form From a URL.

    Give it a try and let us know if there’s anything else we can help you with.