Design and Layout (Legacy)

CSS Visual Guide

Gravity Forms are structured so that every element can be targeted and manipulated via CSS. Most elements share reusable class names to affect styling, and many elements have unique ID’s that you can use to target specific elements within the form. By using CSS inheritance, you can effectively style every element in your form.

Credit Card Field CSS Selectors (Legacy)

Overview and examples of the Legacy CSS selectors available for credit card fields.

CSS Targeting Examples (Legacy)

This article shows usage examples for targeting Gravity Forms elements for the Legacy Markup.

Number Field CSS Selectors (Legacy)

Number Field CSS Selectors (Legacy)

Single Line Text Field CSS Selectors (Legacy)

Overview and examples of the CSS selectors available for single line text fields.

Checkboxes Field CSS Selectors (Legacy)

Overview and examples of the CSS selectors available for checkboxes.

Radio Buttons Field CSS Selectors (Legacy)

Overview and examples of the CSS selectors available for radio buttons.

Drop Down Field CSS Selectors (Legacy)

Overview and examples of the CSS selectors available for drop down fields.

HTML Field CSS Selectors (Legacy)

Overview and examples of the CSS selectors available for HTML fields.

File Upload Field CSS Selectors (Legacy)

Overview and examples of the CSS selectors available for file upload fields.