Gravity form css ready classes not working

Support
#1

I am using gravity form for all our forms for different pages on our website - www.interglobetechnologies.com
I tried using gravity form ready classes for multiple columns but it did not work. I also reached their support team and below is their reply. Could you please help in this regard?

Amit

Hi Amit,

I’m afraid the issue with the CSS Ready Classes is being caused by the theme which is including it’s own custom Gravity Forms stylesheet which is overriding the default styles.

https://www.interglobetechnologies.com/wp-content/themes/x/framework/css/dist/site/gravity_forms/integrity-light.css

Gravity Forms 2.0 which was released in June 2016 did include a lot of style changes so the theme developer would need to update their custom stylesheet so it is compatible with those changes.

This rule, in particular, is causing the layout issue with fields using the classes:

They are setting the float rule to left, Gravity Forms hasn’t used floats for the CSS Ready Classes for several versions as they are bad for responsive design.

You’ll need to contact the theme developer to see if they have an updated version of the theme compatible with the current version of Gravity Forms.

#2

Hi There,

Can you try adding the following CSS temporary fixed:

body .gform_wrapper .top_label li.gfield.gf_left_half, body .gform_wrapper .top_label li.gfield.gf_right_half, body .gform_wrapper .top_label li.gfield.gf_left_third, body .gform_wrapper .top_label li.gfield.gf_middle_third, body .gform_wrapper .top_label li.gfield.gf_right_third {
    float: none;
}

I have forwarded to our developer for updates already.

1 Like
#3

Thanks. This works for now.

#4

Glad to hear it!