☰
Documentation

Open CSS modal

The CSS Selector modal is a small picker for custom and add-on class names in the Gravity Forms editor. Open it from a field’s Custom CSS Class setting.

  1. Open your form in the Gravity Forms editor.
  2. Select a field and open Field Settings → Appearance.
  3. Click the CSS Selector button under Custom CSS Class.
Current Gravity Forms field settings with the Custom CSS Class input and CSS Selector button
The selector button sits beneath Custom CSS Class in the field's Appearance settings.
CSS Selector button beneath a saved Custom CSS Class value
Click the blue selector icon below the class input to open the picker.

On Gravity Forms 3.0 and later, the picker shows custom class buttons, Gravity PDF and Copy Cat shortcuts, not legacy Ready Classes. Existing saved classes remain unchanged.

See Selecting CSS for how to add classes, or Add custom CSS buttons to set up your class library.

Older editor screenshots

These earlier screenshots show the button in older Gravity Forms editor layouts.

Appearance settings in an older Gravity Forms editor
CSS Selector button under the older Custom CSS setting
Older editor screenshots
Proudly powered by WordPress