[RinardMediaParticipant]

Hello!

I recently started using GF with X and am running into a problem with the ready classes. The fields are not aligning correctly. I am currently using gf_left_half and gf_right_half but none of the fields are adjusting. I tested all plugins and I don’t believe that’s the issue. The issue did go away with theme 2016 so I am down to a css conflict or something. My gf is set to output css.

Thanks for your help.

http://www.srbnidaho.com/test

Running all latest versions.

[RadModerator]

Hi there,

Thanks for writing in.

X theme has preset classes too, which maybe conflicting with Gravity Form. But, it should be depending on the priority of the styling.

I checked your site and those GF classes are properly working. Would you mind providing a video recording of the issue you’re getting?

Thanks!

[RinardMediaParticipant]

Thanks for your reply. The issue is easy to explain. On the form,

Date of Birth is suppose to be to the right of Email.

Title of the business is suppose to be to the right of Business Name and so on.

[Rue NelModerator]

Hello There,

To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.site .gform_wrapper ul li.gfield {
   clear: none !important;
}

Hope this helps. Please let us know how it goes.

[RinardMediaParticipant]

Worked great.

Thank you!

[ChristianModerator]

You’re welcome. Glad we could help. 🙂

[Philip StancilParticipant]

I’ve been having issues with GF on every new X site I build recently, as well. I believe this is a bug, and would ask that a dev at X please try building a form on a clean WP + X install. The styling you guys developed for X to work better with GF a while ago is no longer working, so I have to tweak it with my own code each time. Try using GF’s CSS ready classes like ‘gf_left_third’, ‘gf_middle_third’, and ‘gf_right_third’. The fields will not line up in three columns. Get in the Inspector and you’ll see that code from ‘wp-content/themes/x/framework/css/dist/site/gravity_forms/integrity-light.css’ is causing problems these days. I appreciate you guys set it up to simplify our workflow, but it looks like GF perhaps updated something that causes your stylesheet to no longer be helpful, but problematic. I usually have to tweak a combination of the floats, clears, and margin-rights on some or all three line-items.

The attached screenshot shows how the form displays, even when the 3-column CSS ready classes I mentioned above are added properly to each field of the form. The fields are stacked down the page, rather than in columns across the page.

Thanks!

[JadeModerator]

Hi Philip,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Author]

Posts