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
Product Field CSS Selectors
Overview and examples of the CSS selectors available for product fields.
Credit Card Field CSS Selectors
Overview and examples of the CSS selectors available for credit card fields.
Save and Continue Link CSS Selectors
The Save and Continue link allows a user to save their form data and resume entry at a later time.
Submit Button CSS Selectors
Overview and examples of the CSS selectors available for submit button.
Multi-Page Forms CSS Selectors
Overview and examples of the CSS selectors specific to multi-page forms.
Validation Errors CSS Selectors
Overview and examples of the CSS selectors available for form validation errors.
Form Confirmation CSS Selectors
Overview and examples of the CSS selectors available for form confirmations.
Form Footer CSS Selectors
Overview and examples of the CSS selectors available for form footers.
Form Body CSS Selectors
Overview and examples of the CSS selectors available for the main form content, field list, list items, field input container, description container and required field indicator.
Form Heading CSS Selectors
Overview and examples of the CSS selectors available for form headings.