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?
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;
}
Preview:
Give it a shot, and let me know how it works!
Hi, that didn’t work. What else can I try?
Could you please share your exact webpage URL so I can further investigate to resolve the issue?
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.
Give it a try, and let me know how that goes! 
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.