Introduction
Gravity Forms themes (introduced in version 2.7) provide a new, easy way to change the look and feel of your forms, with customization options available right inside the block editor. Themes are powered by our new Theme Framework, which allows the creation of additional official themes as well as third party themes.
Our introductory default theme, Orbital, presents a simple but stylish base for your forms. Once you select Orbital within the Gravity Forms block settings, you’ll be able to configure and modify the appearance options.
Don’t want to change the look of your existing forms?
Nothing is applied by default, and no changes to existing forms will be made. Orbital is only applied to a form if you specifically enable it by modifying the setting on the Gravity Forms block for that form.
Selecting a Theme
To select a theme, edit a page that contains a form and click on the Gravity Forms block. On the right side of the editor screen, click to open Form Styles and look for Form Theme.
Theme Settings
The Orbital theme currently includes a small number of common settings, with more on the way. Orbital inherits fonts from your theme, but you can use the settings outlined below to change a number of other typography-related settings.
Form Styles
The Form Styles panel contains the Form Theme select as described above.
Input Styles
The Input Styles panel allows you to change the size, border radius, background color, border color, and text color for form inputs.
Label Styles
The Label Styles panel allows you to change the font size and text color for form labels.
Description Styles
The Description Styles panel allows you to change the font size and text color of form descriptions.
Button Styles
The Button Styles panel allows you to change the background color and text color for form buttons.
Live Preview
The Gravity Forms block provides a live preview of your form inside the editor screen. To enable the live preview, click on the Gravity Forms block, then open the Advanced section and toggle Preview to the ON position.
If your theme or other plugins include custom styles for Gravity Forms, the live preview may not be an exact match for what you see on your pages.
Limitations
- Theme settings and selections currently apply to the selected Gravity Forms block only, meaning you will need to update/customize each form block manually. Global settings and preset selections are planned functionality to be released in a future update.
