Reduce space between fields [RESOLVED]

[user637ce7967125e749 (Wayne Hooper)]

Hi

I’ve used Gravity forms in the past, but for some reason I’m struggling to reduce the space between the fields on my form. The site is currently local, so I can’t provide a link. But going through web inspector I can’t see any margins that would be causing the space;

Kind Regards
Wayne

[faisalahammad]

Hi Wayne,

Good afternoon. I hope you’re doing great.

To reduce the gap between two fields, you can try the following code, which will be applied to all Gravity Forms forms you have on the website.

.gform-theme--foundation .gform_fields {
  grid-row-gap: 20px !important;
}

But if you prefer to apply using a specific form, you’ll have to copy the form ID and replace it with “1” in the following code. This way, it will apply to the specific form.

.gform-theme--foundation #gform_fields_1 {
  grid-row-gap: 20px !important;
}

Here is the preview after applying the provided code:

Here is the screen recording of how I’ve debugged the form:

https://media.cleanshot.cloud/media/21037/Ruz9qCfVxaPbbiqZFdY8uKDcoEb6aHCbmup0bLyX.gif?Expires=1700711365&Signature=S7ozSYVyL0GbLzjn1XOgYmi~SLu-aGJTGEN6a0PqkpefuPQyWvG2sGvEdL6VNQyZjq5K5NdO45uSF8gnuAAOAla09vOfShb9-WmJKKJmY~nlqXdBKRX7KVuafzSsWxxMCDlbHe~tB4ywbyqbcl1aQHIQcI~5O9I56WrNMwCUDrC69Er4mxAnAGgp7D1UGfXItNA60DDbI2vo1DGshmY03g12cGmFKal4yzmIfFw54XX01UA6vJL~xS3byjOFE9LcKnsz8AB8CEmVSxQe5Vxf8olhcaz6dQ4Q8dqvExHMWdK8ccR9NlESonjDP1cQMm96Q46Nc3sDQ1iMKoRCR0ID-g__&Key-Pair-Id=K269JMAT9ZF4GZ(image larger than 4 MB)

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

[user637ce7967125e749 (Wayne Hooper)]

Hi Faisal

Thank you!

This is what I’m after. I’ve used your global code so all the forms are changed and its working great.

Thanks
Wayne