Code

Gravity Forms Styles Pro Add-on

Gravity Forms Styles Pro Add-on

Designing Gravity Forms is… easy as 1, 2, 3!

Looking for icons? We got icons!

From Font Awesome to Material Icons, easily add icons beside/inside, before/after your fields, with different styles and colors of your choosing. Your form… your rules! Use icons with fields, or use them in Checkbox choices or Radio field choices. Simple to add and easy to search. People who’re not wizards can also add icons to their forms now.

Gravity Forms icons

Bring your checkbox and radio fields to life

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!

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, 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 beyond the ones included with Gravity Forms.
  5. Responsive form styles designed with modern screen sizes and UX requirements in mind, with a mobile first approach.
  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. If anything, you only get more optinos to style… way more options!
  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. 9 built-in visually unique themes included for forms with easy customization settings. From Bootstrap, to Material to Flat style forms and many more.
  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
    • Border color, width, style
    • Field background color
    • Active field background color
    • Active field border 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.

Plugin website and support

by
by
by
by
by
by