Gravity Forms Output Default CSS Settings

Problem

There used to be a setting in the Gravity Forms Settings to enable and disable the default CSS. This setting would allow you to disable all of the form CSS to easily apply your own custom CSS. It looked like this:

This setting was removed with the release of Gravity Forms version 2.8, and some people have been asking where it went and how they can disable the default CSS.

I suspect the change was made to coincide with the new Gravity Forms Theme Framework and how all of that is evolving.

Solution

With this change, Gravity Forms introduced two filters for managing the Gravity Forms Default CSS.

1. gform_disable_css

This filter will disable all of the default CSS from displaying on the frontend. This includes styles that handle conditional logic, columns, hidden fields, ready classes, etc.

How to implement this filter: https://docs.gravityforms.com/gform_disable_css/

2. gform_display_disable_css_setting

This filter indicates whether the Output Default CSS setting should be displayed. When using this filter, you will add the setting (screenshot above) back to the Forms > Settings page. You can then use the toggle to disable or enable the default CSS.

How to implement this filter: https://docs.gravityforms.com/gform_display_disable_css_setting/