Vertical Spacing

  1. I don’t know how to shorten the vertical space between fields. I’ve tried several suggested CSS codes I found online, inlcuding:

.gform_wrapper .gform_footer {
margin-top: 0;
padding-top: 0;
}

Nothing works.

Hi Kevin. What is the URL of the page on your site where we can see the form you want to apply this to?

https://www.nyobc.com/1167-2/?preview_id=1167&preview_nonce=9102f81e4d&preview=true

Thanks,

Kevin Minkoff

Hi Kevin. No one can view your preview links unless they are logged in to your site with permission. I get this error:

Sorry, you are not allowed to preview drafts.

Sorry about that. Try this: https://www.nyobc.com/income-tax/1167-2/

Kevin Minkoff

@user60822f4837ea9008 if you need help styling you can always go here Hire a Gravity Forms CSS expert.

Have you tried Line Height:

.gform_page_fields{
line-height:1;
}

Thanks, but that doesn’t work either.

Happy to take a look - I have had similar challenges. Want to export the form and I can load on a test environment and solve it?

How do I send it to you? Or, can we do a Zoom now? I’m at kevin@nyobc.com.

Hi Kevin, have you come right with this yet?

.gfield {
margin-top: 0;
margin-bottom: 0;
}

That’s always worked for me. If no result,then:

.gfield {
margin-top: 0 !important;
margin-bottom: 0 !important;
}