Design and Layout
Whether you're a beginner or an advanced user, Gravity Forms makes it easy to style your forms as you see fit.
There's a reason that designers love Gravity Forms - targeting specific elements, forms, fields, etc. is quick and easy with CSS selectors and ready classes for everything you could dream of.
When not employing a built-in form theme, Gravity Forms is un-opinionated and intentionally utilizes your theme's styles to make your forms blend seamlessly into your existing designs with minimal modifications.
All Categories
Basics
User Guides related to the basics of design and layout in Gravity Forms, such as CSS targeting.
CSS Selectors
Articles related to CSS Selectors that are available for use with Gravity Forms.
Articles
Paragraph Text Field CSS Selectors
Overview and examples of the CSS selectors available for paragraph text fields.
Image Choice Field CSS Selectors
Overview and examples of the CSS selectors available for image choice fields.
Multiple Choice Field CSS Selectors
Overview and examples of the CSS selectors available for multiple choice fields.
Section Break CSS Selectors
Overview and examples of the CSS selectors available for section breaks.
How to Display Choices in Columns
The Display in columns setting lets you arrange field choices into multiple columns in the Form Editor, with options to set the number of columns and choose horizontal or vertical display.
Migrating Your Forms from Ready Classes
If your forms use CSS Ready Classes, now is the time to begin transitioning to the Layout Editor or custom CSS solutions to ensure compatibility with upcoming versions of Gravity Forms.
List of CSS Ready Classes
This article contains a reference list of the available CSS ready classes in Gravity Forms core. Each of the classes here are expanded upon in our detailed CSS Ready Classes article.
Form Themes and Style Settings
Gravity Forms themes provide a new, easy way to change the look and feel of your forms, with customization options available right inside the block editor.
Where to Put Your Custom CSS
WordPress includes a tool to enable you to tailor the presentation of your theme. Included in that, is a way to add custom CSS code.
Example: Changing Your Form’s Background Color
Easily change your form’s background color, with or without code.