How to reduce spaces between sections?

In addition to my question above, I have one other request for help.

I have the section bars set to be thin, but they have a wide space after them in the form:

I have this code:

.form-collapse-table {


  height : 30px !important;


  min-height : 30px !important;


  max-height : 30px !important;


  padding-top : 0 !important;


  padding-bottom : 0 !important;


  margin-top : 0 !important;


  margin-bottom : 0 !important;


}

thanks,

Dorothy

This is to remove space between collapsed sections, when expanded, the spacing is fine.

Thanks,

Dorothy

Hi Dorothy,

Thanks for reaching out to Jotform Support. We can do that by Injecting CSS Codes into your form. Let me show you how:

1. First, copy this code:

/*reduce form collapse section space*/

.form-section-closed {

      height: 44px !important;

      margin: 2px 4px !important;

}

2. In Form Builder, click on the Paint Roller icon .

3. Then, in the Form Designer menu on the right, go to the Styles tab.

4. Finally, paste the CSS code into the Inject Custom CSS code field.

Here's how it would appear:

Let us know if you have any other questions.

Perfect, thanks!

Dorothy

Hi Dorothy DeLuca,

Your request has been answered and the thread is closed.

If you have another question or need more help, feel free to reply here and we'll assist you right away.