How to eliminate space

Can we eliminate the space between the follwing thorugh out the form?

Hi NUSportFederation,

Yes, you can absolutely change or reduce the spacing between headers and fields.

Quick, no‑code options (basic spacing tweaks)

• Sometimes the extra space is caused by empty elements (like extra Paragraphs or empty fields) or by fields being on their own line.
• You can:
• Delete any blank elements between the header and the field.
• Use Shrink on fields (gear icon → Advanced → toggle Shrink to On) so they take up less vertical space and align more tightly.

Precise control with Custom CSS (best for exact spacing)

• For full control, use Custom CSS to adjust margins/padding between specific elements.
• Steps:

1. In Form Builder, click the Form Designer (paint roller icon) on the right.
2. Go to the Styles tab, scroll to Inject Custom CSS, and paste your CSS there.
3. Use rules like these (adjust the pixel values as needed): /* Reduce space below all headers */ .form-header-group { margin-bottom: 5px !important; } /* Reduce space above all form fields */ .form-line { padding-top: 2px !important; padding-bottom: 2px !important; }
4. Click Save.

• Guides for CSS:
• Customize Your Form Using Custom CSS Codes
• How to Inject Custom CSS Codes

Give this a try and let us know how it goes!