Reduce the spacing below configurable list field

  • fraservalleyvirtual
    Asked on April 18, 2024 at 5:26 PM

    Hello, How can I reduce the size in red?

    Thanks

    Reduce the spacing below configurable list field Image 1 Screenshot 20

  • Aries JotForm Support
    Replied on April 18, 2024 at 6:32 PM

    Hi fraservalleyvirtual,

    Thank you for reaching out to Jotform Support. To clarify, are you referring to the spacing below the field in the configurable list that you marked in red to reduce the height? If yes, you can reduce it by injecting custom CSS codes. Let me show you how:

    li#id_137{
    height: 100px!important;
    }

    1. In form builder, click on blue roller paint icon on the right top side.

    2. Then click on Styles.

    3. And scroll down to the CSS text field and paste the custom CSS code I provided.

    Reduce the spacing below configurable list field Image 1 Screenshot 20

    If this is not the exact answer you are looking for, please provide us with more details about what you are trying to achieve.

    Give it a try and let us know if you need any help.



  • fraservalleyvirtual
    Replied on April 19, 2024 at 1:20 AM

    Hi Aries,

    That worked - thank you.

    But how about the area below address - I'd like to reduce that too please.

    Reduce the spacing below configurable list field Image 1 Screenshot 20 Screenshot 10

  • Sonnyfer JotForm Support
    Replied on April 19, 2024 at 3:05 AM

    Hi fraservalleyvirtual,

    You're very much welcome. I moved your new question to a separate thread to avoid confusion. You can check that out here.

 
Your Answer