CSS: How to adjust the spacing between the product description and quantity

  • sitiosonline
    Asked on May 16, 2025 at 11:25 PM

    Hi, I want to reduce the space between the description and the quantity in the list prices, The user can be confused because quantity is close to next product. May I get the css code to do it please?

    Thank you!

  • Lara JotForm Support
    Replied on May 17, 2025 at 1:09 AM

    Hi Santiago, 

    Thanks for reaching out to Jotform support. You can easily adjust the spacing between the product description and quantity by Injecting CSS Codes into your form. Let me walk you through it:

    1. First, copy this code:

    /*Reduces the space between the product description and quantity - 27096991*/
    span.form-sub-label-container {
    margin-top: -20px !important;
    margin-bottom: 20px !important;
    }
    /*Code ends here*/

    2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

    CSS: How to adjust the spacing between the product description and quantity Image 1 Screenshot 20 Give it a try and let us know how it goes.

  • sitiosonline
    Replied on May 20, 2025 at 11:40 AM

    Excelent! Thank you Lara, now it looks great