How can I decrease the spacing between each filed input row

Get Help
1

Hi, I am trying to figure out how to change the spacing between each row in my form. For example in my image below, I want there to be less space between the first row (name and phone) and the next row (email). Then same amount of spacing to be between email row and subject row. And so on. I just want less space between each row, how can I achieve this?

Screenshot 2024-05-17 at 5.01.23 PM
Screenshot 2024-05-17 at 5.01.23 PM1200×1490 52 KB

2

Hey Roxanne,

To reduce the spacing between fields, try the following CSS code in the child theme’s style.css file or in Appearance → Customize → Additional CSS.

form .gform_body fieldset.gfield {
  margin-bottom: 0 !important;
}

:eyes: Preview:

Form@2x
Form@2x1442×1364 71.6 KB

Give it a shot, and let me know how it works!

3

Hi, that didn’t work. What else can I try?

4

Could you please share your exact webpage URL so I can further investigate to resolve the issue?

5

https://accuratelldev.wpenginepowered.com/

6

To fix the gap issue between fields, please add the following CSS code to your Divi > Theme Options > General > Custom CSS (at the end).

form#gform_1 .gform_fields {
  row-gap: 25px !important;
}

Then, if you check the page, you’ll see that the gap has been reduced. The output will look like this screenshot.

form@2x
form@2x1920×949 122 KB

Give it a try, and let me know how that goes! :smile: