Gravity Forms Styles Pro Add-on

Marry your Gravity Forms functionality with visuals to match. Easily improve your UI/UX with icons, images, easy to use layouts and customizable responsive/fluid themes.

Love Gravity Forms, hate to style it?

Focus on your content, styling your forms and creating layouts is easy as 1, 2, 3.

For Non-designers/Non-developers

Our designers have worked hard, so you don’t have to. Get professionally finished forms without learning to be an expert in design theory. Your customizations will adapt to the best designing practices that we have included in the styles with adaption in mind.

For Developers/Designers

Remember the frustration of overriding styles for Gravity Forms? We decided, “never again!” So, don’t fear! Freely write your overrides, even for each theme, use more than one theme on the same page, no more fighting the “!important“ 4 times for each change in your stylesheets. We overhauled everything systematically, removed redundancies, and wrote hierarchical CSS to save you hours. You’re welcome!

ENJOY customizing your forms—not dread them!

You want icons? We got icons!

From Font Awesome to Material Icons, you get icons for almost all your form needs. Use icons with fields, or use them in Checkbox choices or Radio field choices. Simple and easy to search. Color your icons as you will! If you want, use saperate colors for each time you use an icon. Yes, you don’t need to be a wizard, or hire one to do that. Adding icons is simple, and you get an easy search.

Bring your checkbox and radio fields to life.

Features

1. Simple to use. Seamless integration with Gravity Forms and your theme. This is a native Gravity Forms add-on and not a plugin that forces itself on top of Gravity Forms from the outside.
2. Easily create form layouts with STYLES SELECTOR: Easy to use GUI based style selector for all fields, easily create and change layout from within the form edit page.
3. Create complex form layouts let the plugin handle all devices.
4. NEW STYLES: Introduces more styles for creating form layout. We’ve packed several practical layouting options than the ones included with Gravity Forms.
5. Responsive form styles designed with modern screen sizes and UX requirements.
6. Hierarchical CSS structure. Easily and quickly customize your CSS without breaking everything around an element. Adapts to your theme using inheritance based, non-absolute CSS techniques.
7. Light weight. No big-fat files. Smaller and efficient styles make the CSS load fast.
8. Compatible with Gravity Forms Ready classes. If you’ve used it on your forms already, you can use it alongside the plugin and not worry about redesigning from scratch.
9. No need to hack Gravity Forms with special shortcodes. Just use as regular.
10. Use multiple themes on the same page.
11. Compatible with Gravity Forms widgets.
12. 8 built-in visually unique themes included for forms with easy customization settings.
13. Customize each theme separately.
14. Theme customization options for fields:
    • Font (over 300+ Google fonts)
    • Font size
    • Font style
    • Color
    • Field spacing (below)
    • Icon color
    • Automatic placeholder color calculation based on field color
15. Theme options for field labels
    • Font (over 300+ Google fonts)
    • Font size
    • Font style
    • Color
16. Theme options for background:
    • Default (use the default background color or image with the theme)
    • None / Transparent
    • Color (with transparency option)
    • Image
17. Theme options for buttons
    • Customize text color
    • Customize background color
18. Easily write enable/disable your Custom CSS in one place.
19. Write simpler and faster CSS for Gravity Forms.
20. Complete overhaul of the Gravity Forms Styles for modern needs. The new Styles are lighter, non-repeating and written hierarchically to be most efficient and easy to override, if need be.
21. Ability to hide labels for fields. Useful when you want to use placeholders only.
22. Customize validation message for your form; ability to use HTML within the validation message.
23. Validation Message Popup: show validation message in a CSS popup; automatically scroll to the first field with error.
24. Add icons to fields, choose a style to show the icons; ability to show icons before or after the field.
25. Add icons to choices (checkbox or radio fields), choose a style to show the icons; ability to show icons before or after the label text.
26. Use a different color for each time you use an icon.
27. Add images to radio and checkbox choices.
28. Customize form button colors
29. Developed by seasoned designers. This plugin utilizes best practices for UI\UX design with focus on the ease of use best practices for coding, resource utilization, browser friendliness, and speed were the focus during planning and development.
30. Compatible with Multi-Page forms.

IMPORTANT: This is an Add-on for Gravity Forms. You must have Gravity Forms (preferably latest version) installed on your website before you can utilize this plugin.