Gravity Forms CSS Ready Classes not working

[capodanno]

Gravity Form CSS ready classes on Pro Not Working

Hello, I have tried both bits of code in the solution above, and nothing changed for me. You can see how the first two fields in this form are not horizonally aligning properly: https://caps.visualspring.net/service-your-equipment/

I used their CSS Ready Classes of gf_left_half and gf_right_half

You’ll also notice how the Address fields are not vertically spaced well, so I’m wondering if this override will also fix that, once I insert the right code?

If you have a different approach to either the spacing or the columns issue, I’m open to learn!

Thanks.

[lely]

Hi @capodanno,

We can use the theme classes to control spacing.
For Aircraft element, we need to add mtn : margin top none
This will reset top margin to zero. By default there is top margin between element. Since you made side by side we dont need it.

For address that is a group of input field, I have added group_address. Then add the following on Service your equipment page > Custom CSS

.group_address>div>span {
    display: block;
    margin-top: 1.313em !important;
}

That custom CSS will control the margin. For more guidance, please check the actual documentation here.

Hope this helps.