Gravity Forms gf_list_inline not working

Support
#1

Hello,

I am using Gravity Forms pre-defined class “gf_list_inline” to make radio buttons inline instead of stacked.

The code is not working however it works fine in TwentyNineteen theme.

https://danfelico.lainternet.biz/form-test/

Questions #2 and #3 both have the gf_list_inline class.

Thanks for the help.

Micah

#2

Hello Micah,

Thanks for writing in! Some of the classes were overridden to have a unique styling in each of the stack. Do you want to use the vanilla version of the Gravity Form plugin? If that is the case, we need to unload the built in styling in the theme. To do that, since the child theme is set up, please add the following code in your child theme’s functions.php file

add_action('wp_enqueue_scripts', 'no_x_gravity_form_css', 9999999);
function no_x_gravity_form_css () {
  wp_dequeue_style( 'x-gravity-forms' );
}

This code will dequeue or remove the gravity form styling in X and let the default Gravity styling to take effect.

Please let us know how it goes.

#3

Thanks for the code. I implemented it and it did not resolve the issue.

I went ahead and added this to my Custom CSS to fix the issue.

body .gform_wrapper ul.top_label li ul.gfield_radio li, body .gform_wrapper ul.top_label li ul.gfield_checkbox li, body .gform_wrapper ul.left_label li ul.gfield_radio li, body .gform_wrapper ul.left_label li ul.gfield_checkbox li, body .gform_wrapper ul.right_label li ul.gfield_radio li, body .gform_wrapper ul.right_label li ul.gfield_checkbox li { display: inline-block; }

Micah

#4

Hey Micah,

We are just glad that you have figured it out a way to correct the said issue.
Thanks for letting us know!

Best Regards.

#5 
add_action('wp_enqueue_scripts', 'no_x_gravity_form_css', 9999999);
    function no_x_gravity_form_css () {
      wp_dequeue_style( 'x-gravity-forms' );
    }

This code is not working.

I would assume that when I use this code it would not be loading:

/pro/framework/dist/css/site/gravity_forms/integrity-light.css

Since I cannot get X Theme to stop applying its styles, I chose to override it

I added integrity-light.css to my child theme.

/pro-child/framework/dist/css/site/gravity_forms/integrity-light.css

I then proceeded with my changes and they are not reflected in the live website.

Please help me to get the override file to work in my Child Theme.

Thanks,

Micah

#6

Hi @websperations,

Try this code.

add_action('gform_enqueue_scripts', 'no_x_gravity_form_css', 9999999);
function no_x_gravity_form_css () {
    wp_dequeue_style( 'x-gravity-forms' );
}

Hope it works.

#7

Thanks, that corrected code stopped X Theme from loading it’s Gravity Form styles.

Thanks for the help.

Micah

#8

You are always welcome. Let us know if you need anything else. Have a great day!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.