Configurable List: Adjust the spacing of each row

Hello,

How can I reduce row spacing in a configurable list?

https://form.jotform.com/241134220856146

When I add more rows, it is too spaced out

Hi Ryan,

Thanks for reaching out to Jotform Support. I understand that you want to reduce the space between the rows of the Configurable List widget. You can actually add this CSS code below to do that:

 #listContainer .configurable-list-field-row-wrapper+.configurable-list-field-row-wrapper{

padding-top: 0px !important;

}

Adding the CSS code to your widget is easy. Let me show you how:

• In your Form Builder, click the widget that you want to adjust and hit the Widget Settings.
• Go to the Custom CSS tab and append the code above.
• Do this on each of the widgets.

Here is the result:

You can also check my cloned form as a reference.

Give it a try and let us know how it goes.

Thanks Jovanne, Can we make them even closer and eliminate the line that is created in between?
[cid:6c7a467b-bada-48ba-b659-9f80b50ec980]
Ryan White
Regional Operations Manager
Phone 858-667-7090 Mobile 858-461-8260  
Web www.cmdelectric.com<http: />   
Email rwhite@cmdelectric.com<mcripe>   
4933 Paramount Dr. San Diego, CA 92123
________________________________
</mcripe>...

Hi Ryan,

Can you append this CSS code to your widget?

#listContainer div.configurable-list-field-row-wrapper:not(:first-child) span.configurable-list-field-label {

display: none !important;

}

 #listContainer .configurable-list-field-row-wrapper+.configurable-list-field-row-wrapper{

border-top: none !important;

}

Here is the result:

Give it a try and let us know how it goes.

Thanks!
[cid:a516e54f-343c-487d-ac4c-85564cef935e]
Ryan White
Regional Operations Manager
Phone 858-667-7090 Mobile 858-461-8260  
Web www.cmdelectric.com<http: />   
Email rwhite@cmdelectric.com<mcripe>   
4933 Paramount Dr. San Diego, CA 92123
________________________________
</mcripe>...