Title: CSS Ready Classes for Gravity Forms
Author: Manny Rodrigues
Published: <strong>2019년 10월 3일</strong>
Last modified: 2026년 1월 5일

---

플러그인 검색

![](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

 작성자: [Manny Rodrigues](https://profiles.wordpress.org/endurox/)

[다운로드](https://downloads.wordpress.org/plugin/css-ready-classes-gravity-forms.2.7.13.zip)

 * [세부사항](https://ko.wordpress.org/plugins/css-ready-classes-gravity-forms/#description)
 * [평가](https://ko.wordpress.org/plugins/css-ready-classes-gravity-forms/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/css-ready-classes-gravity-forms/#installation)
 * [개발](https://ko.wordpress.org/plugins/css-ready-classes-gravity-forms/#developers)

 [지원](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/)

## 설명

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).

## 스크린샷

[⌊CSS link accessible under form field's 'Appearance' tab.⌉⌊CSS link accessible 
under form field's 'Appearance' tab.⌉[

CSS link accessible under form field’s ‘Appearance’ tab.

[⌊Convenient CSS Ready Class selection Popup / modal window.⌉⌊Convenient CSS Ready
Class selection Popup / modal window.⌉[

Convenient CSS Ready Class selection Popup / modal window.

## 설치

 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/).

## 후기

![](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/) 2020년 9월 1일

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/) 2020년 4월 15일

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/) 2019년 12월 26일

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.

 [ 모든 3 평가 읽기 ](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/reviews/)

## 기여자 & 개발자

“CSS Ready Classes for Gravity Forms”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이
이 플러그인에 기여하였습니다.

기여자

 *   [ Manny Rodrigues ](https://profiles.wordpress.org/endurox/)
 *   [ WP Gear Pro ](https://profiles.wordpress.org/wpgearpro/)

[자국어로 “CSS Ready Classes for Gravity Forms”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/css-ready-classes-gravity-forms)

### 개발에 관심이 있으십니까?

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/css-ready-classes-gravity-forms/)
는, [SVN 저장소](https://plugins.svn.wordpress.org/css-ready-classes-gravity-forms/)
를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/css-ready-classes-gravity-forms/)
을 [RSS](https://plugins.trac.wordpress.org/log/css-ready-classes-gravity-forms/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

#### 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.

## 기초

 *  버전 **2.7.13**
 *  최근 업데이트: **8개월 전**
 *  활성화된 설치 **1,000+**
 *  워드프레스 버전 ** 5.4 또는 그 이상 **
 *  다음까지 시험됨: **6.10**
 *  언어
 * [English (US)](https://wordpress.org/plugins/css-ready-classes-gravity-forms/)
 * 태그:
 * [css classes](https://ko.wordpress.org/plugins/tags/css-classes/)[css ready classes](https://ko.wordpress.org/plugins/tags/css-ready-classes/)
   [gravity forms](https://ko.wordpress.org/plugins/tags/gravity-forms/)[GravityForms](https://ko.wordpress.org/plugins/tags/gravityforms/)
 *  [고급 보기](https://ko.wordpress.org/plugins/css-ready-classes-gravity-forms/advanced/)

## 평점

 별 5점 만점에 5점.

 *  [  3/5-별점 후기     ](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/reviews/?filter=5)
 *  [  0/4-별점 후기     ](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/reviews/?filter=4)
 *  [  0/3-별점 후기     ](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/reviews/?filter=3)
 *  [  0/2-별점 후기     ](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/reviews/?filter=2)
 *  [  0/1-별점 후기     ](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)

[모든  리뷰 보기](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/reviews/)

## 기여자

 *   [ Manny Rodrigues ](https://profiles.wordpress.org/endurox/)
 *   [ WP Gear Pro ](https://profiles.wordpress.org/wpgearpro/)

## 지원

할 말 있으신가요? 도움이 필요하신가요?

 [지원 포럼 보기](https://wordpress.org/support/plugin/css-ready-classes-gravity-forms/)

## 기부

이 플러그인이 발전하도록 도우시겠습니까?

 [ 이 플러그인에 기부하기 ](https://endurtech.com/give-thanks/)