Title: CSS Ready Classes for Gravity Forms Author: Manny Rodrigues Published: October 3, 2019 Last modified: January 5, 2026 --- Search plugins ![](https://ps.w.org/css-ready-classes-gravity-forms/assets/banner-772x250.png?rev =2407748) ![](https://ps.w.org/css-ready-classes-gravity-forms/assets/icon-256x256.png?rev =2167433) # CSS Ready Classes for Gravity Forms By [Manny Rodrigues](https://profiles.wordpress.org/endurox/) [Download](https://downloads.wordpress.org/plugin/css-ready-classes-gravity-forms.2.7.13.zip) * [Details](https://pirate.wordpress.org/plugins/css-ready-classes-gravity-forms/#description) * [Reviews](https://pirate.wordpress.org/plugins/css-ready-classes-gravity-forms/#reviews) * [Installation](https://pirate.wordpress.org/plugins/css-ready-classes-gravity-forms/#installation) * [Development](https://pirate.wordpress.org/plugins/css-ready-classes-gravity-forms/#developers) [Support](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/) ## Description This WordPress plugin for Gravity Forms will allow you to quickly and conveniently select from a fully updated list of CSS Ready Classes available under your form fields’ Appearance tab. This plugin is a modified version of [Brad’s Gravity Forms CSS Ready Class Selector WordPress plugin](https://wordpress.org/plugins/gravity-forms-css-ready-selector/). Special thanks to [Brad Vincent](https://profiles.wordpress.org/bradvin/) for the original code and [Mike Kormendy](https://github.com/mkormendy) for the cleaned up version! [Visit the new and improved plugin web site](https://endurtech.com/css-ready-classes-plugin/) for more details. This plugin, as of v2.5, will also HIDE ALL Gravity Forms backend tooltips when managing your forms. Those tooltips are helpful to the uninitiated but quickly become a pest to those of us who are initiated. To restore tooltip function simply disable this plugin. In a future release I will look into embedding this feature into the main Gravity Forms Settings area so that it can be toggled. If anyone wants to help me achieve this please [get in touch with me](https://endurtech.com/contact/). This plugin, as of v2.7.6, will also HIDE ALL Gravity Forms “Required Field Notification” message which appears at the top of every form. That notification is helpful to the uninitiated but quickly become a pest to those of us who are initiated. To restore the notification message at the top of each form simply disable this plugin. In a future release I will look into embedding this feature into the main Gravity Forms Settings area so that it can be toggled. If anyone wants to help me achieve this please [get in touch with me](https://endurtech.com/contact/). [Donate now](https://endurtech.com/give-thanks/) to ensure future improvements to this plugin by [sending me a tip using Brave](https://endurtech.com/send-a-tip-using-the-brave-browser/) or by [sending me a one-time donation](https://endurtech.com/give-thanks/). ### Features * Conveniently accessible with a link next to the “Custom CSS Class” field under a fields’ “Appearance” tab. * Clean and simple popup / modal window listing a fully updated list of Gravity Forms CSS Ready Classes. * Click to clear all previously submitted CSS Ready Classes from the “Custom CSS Class” field. * You are able to add more than one CSS Ready Class, when done just click away or the close button. * Double click any CSS Ready Class to add it and auto-close the popup / modal window. * Hover over any CSS Ready Class to obtain a description of the class. * Hides ALL Gravity Form backend tooltips when managing your forms (as of v2.5). * Hides ALL Gravity Form frontend notification message regarding required fields( as of 2.7.6). ## Screenshots * [[ * CSS link accessible under form field’s ‘Appearance’ tab. * [[ * Convenient CSS Ready Class selection Popup / modal window. ## Installation 1. Make sure Gravity Forms is installed and activated. 2. Upload the plugin folder to your ‘/wp-content/plugins/’ folder. 3. Activate the plugin through the ‘Plugins’ menu in WordPress. ## FAQ ### Does this plugin rely on anything? Yes, you must have Gravity Forms v2.0+ installed and activated. ### How do I restore tooltips within Gravity Forms? This plugin hides all backend tooltips. To restore tooltips you may temporarily disable this plugin. In the future I will look into embedding this feature into the main Gravity Forms Settings area so that it can be toggled. ### Where did my Gravity Forms tooltips go? This plugin hides all backend tooltips. To restore tooltips you may temporarily disable this plugin. In the future I will look into embedding this feature into the main Gravity Forms Settings area so that it can be toggled. ### How do I use the Read-only CSS Ready class? This class requires the use of an embedded JavaScript snippet within a hidden HTML form field. [Get the needed JavaScript snippet](https://endurtech.com/create-read-only-field-in-gravityforms/). ### I found this plugin helpful. How can I help? Happy to have helped! Support my work and future improvements to this plugin by [sending me a tip using your Brave browser](https://endurtech.com/send-a-tip-using-the-brave-browser/) or by [sending me a one-time donation](https://endurtech.com/give-thanks/). If you have any ideas for improvements or want to contribute to the code you may [get in touch with me](https://endurtech.com/contact/). ## Reviews ![](https://secure.gravatar.com/avatar/9f297a92c88c8c458129cfc98eec71f167fbeff1e8c251a2d9cf9df3eb05158f? s=60&d=retro&r=g) ### 󠀁[Quick and Handy](https://wordpress.org/support/topic/quick-and-handy-3/)󠁿 [Clay](https://profiles.wordpress.org/endurox50/) September 1, 2020 Love how all the latest CSS Ready Classes for Gravity Forms are available right where I need them. Much appreicated. ![](https://secure.gravatar.com/avatar/d04a98cc96e1dc156b52861457d2ab380292efebcb1e6ae28f740e29c36e09ac? s=60&d=retro&r=g) ### 󠀁[Quality Refresh of a Good Plugin now even better](https://wordpress.org/support/topic/quality-refresh-of-a-good-plugin-now-even-better/)󠁿 [juliandickie](https://profiles.wordpress.org/juliandickie/) April 15, 2020 I had used the original gravity forms CSS plugin for years and this new and updated version does everything I had hoped would be developed for the old one. So much quicker to add multiple classes and all in one quick popup screen. Thank you so much for doing this. ![](https://secure.gravatar.com/avatar/351d9c5733ca8c036655a7116fa0c6b133d67dfc2630588a4efcf97307d42ef9? s=60&d=retro&r=g) ### 󠀁[Good new version of obsolete plugin](https://wordpress.org/support/topic/good-new-version-of-obsolete-plugin/)󠁿 [danex7799](https://profiles.wordpress.org/danex7799/) December 26, 2019 Thank you for updating the old plugin. This plugin has useful functionality to it, and there weren’t any of the new Gravity Forms classes in the old plugin from Brad. [ Read all 3 reviews ](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/reviews/) ## Contributors & Developers “CSS Ready Classes for Gravity Forms” is open source software. The following people have contributed to this plugin. Contributors * [ Manny Rodrigues ](https://profiles.wordpress.org/endurox/) * [ WP Gear Pro ](https://profiles.wordpress.org/wpgearpro/) [Translate “CSS Ready Classes for Gravity Forms” into your language.](https://translate.wordpress.org/projects/wp-plugins/css-ready-classes-gravity-forms) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/css-ready-classes-gravity-forms/), check out the [SVN repository](https://plugins.svn.wordpress.org/css-ready-classes-gravity-forms/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/css-ready-classes-gravity-forms/) by [RSS](https://plugins.trac.wordpress.org/log/css-ready-classes-gravity-forms/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 2.8.0 (coming soon) * Adding new Confirmation Classes. Add a class to the ‘CSS Class Name’ input under‘ Form Layout’ within the ‘Form Settings’ page. Turns confirmation message into colored banner. Works with ‘text’ type confirmation messages, NOT page or redirect confirmations. * Will repurpose double click action from closing popup to removing selected class, if exists. #### 2.7.13 (2026-01-05) * Tested against WordPress 6.9 #### 2.7.12 (2024-12-31) * Tested against WordPress 6.7.2 #### 2.7.11 (2024-04-02) * Added WordPress Repository blueprint feature for user previews. #### 2.7.10 (2024-04-02) * Tested against WordPress 6.5 #### 2.7.9 (2023-11-08) * Tested against WordPress 6.4 * Updated plugin author information. #### 2.7.8 (2023-03-28) * Tested against WordPress 6.2 #### 2.7.7 * Tested against WordPress 6.1 #### 2.7.6 * Added the removal of the frontend required fields notification. #### 2.7.5 * Tested against WordPress 6.0 #### 2.7.4 * Tested against WordPress 5.9 #### 2.7.3 * Tested against WordPress 5.8 #### 2.7.2 * Tested against WordPress 5.7 #### 2.7.1 * Tested against WordPress 5.6 #### 2.7.0 * Added a convenient ‘Clear classes’ link to the top of the popup. This removes all previously entered CSS Ready Classes from the ‘Custom CSS Class’ field. * Tested against the lastest beta version (2.5 beta 1) of the new Gravity Forms plugin. * Various code improvements, minification and styling updates. #### 2.6.1 * Corrected an invalid link within the readme (thanks Michael D.) #### 2.6.0 * Added new HTML field CSS Ready Classes. This turns an HTML field and its contents into a colored banner message. #### 2.5.0 * All backend tooltips within Gravity Forms are now hidden by default. * Added new Read-only CSS class. NOTE: Requires an embedded JavaScript snippet within a hidden HTML form field. [Get the needed JavaScript snippet](https://endurtech.com/create-read-only-field-in-gravityforms/). * Tested against WordPress 5.5 #### 2.4.6 * Tested against WordPress 5.3.1 #### 2.4.5 * Tested against WordPress 5.3 #### 2.4.4 * Uniquely renamed functions to ensure compatibility with other plugins. #### 2.4.3 * Updated name for publication on WordPress.org Plugin directory. #### 2.4.2 * Simplified Class Section. * Tested against latest WP and GF versions. #### 2.4.1 * Added new invisible CSS class. * Updated code, made it cleaner. #### 2.4 * Added new vertical CSS classes, reordered classes and updated titles. * Added donate link. #### 2.2 * Added new CSS classes and titles. * Replaced linked icon with text link. * Removed extraneous instantiation and cleaned up styling (Thanks Mike). #### 1.2 * Initial release. ## Meta * Version **2.7.13** * Last updated **3 months ago** * Active installations **1,000+** * WordPress version ** 5.4 or higher ** * Tested up to **6.10** * Language * [English (US)](https://wordpress.org/plugins/css-ready-classes-gravity-forms/) * Tags * [css classes](https://pirate.wordpress.org/plugins/tags/css-classes/)[css ready classes](https://pirate.wordpress.org/plugins/tags/css-ready-classes/) [gravity forms](https://pirate.wordpress.org/plugins/tags/gravity-forms/)[GravityForms](https://pirate.wordpress.org/plugins/tags/gravityforms/) * [Advanced View](https://pirate.wordpress.org/plugins/css-ready-classes-gravity-forms/advanced/) ## Ratings 5 out of 5 stars. * [ 3 5-star reviews ](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/reviews/) ## Contributors * [ Manny Rodrigues ](https://profiles.wordpress.org/endurox/) * [ WP Gear Pro ](https://profiles.wordpress.org/wpgearpro/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://endurtech.com/give-thanks/)