Share Your Thoughts

Gravity Form Styler

The Gravity Form Styler element gives you the full controls for styling. It covers up the maximum field types of Gravity Form and you can add/edit the default’s color, spacing, fonts, width, size, etc.

Activate The Element

At first, you will activate the Gravity Form Styler element after activating your license key. You will go to your Dashboard -> Zion Builder -> ZiUltimate page. Under the Elements tab, you will get the elements list. Checkmark the Gravity Form Styler element and save the settings.

Activate Gravity Form Styler element
Activate Gravity Form Styler element

How To Use

Make sure that you already created a form with the Gravity Form plugin. Open the builder editor and add the Gravity Form Styler element of ZiUltimate add-on. You will select the form from the dropdown list and the selected form will show on the builder editor. Now you can change the color, fonts, spacing, size, etc from the settings panel.

Gravity Form Styler for Zion Builder
Preview on Zion Builder

Custom Field Source Type

Sometimes we shall show the form dynamically based on a custom field value. Assume that you created a template for a single details page and show the different form(s) based on a custom field value. The source type “Custom Field” will solve this kind of requirement. You can use ACF, PODs, MetaBox, or any other plugin and make the custom field. Make sure that your custom field is returning the gravity form’s ID.

Hide Labels

Under the Styling tab, you will get the Form Labels and Bottom Labels styles section. Open the respective section and click on the Display style section. Set the display “none” and labels will not show on the form.

Placeholder Style

Placeholder text style

Click on the Input Fields styling section and select the state “:custom” from the state drop down. Enter the “:placeholder” into the text input box and hit enter key. Placeholder state will create and select. Now you can do the style like color, font, size, etc.

Feel free to contact if you are getting any issues or need any improvements.