Gravity Forms Styles Pro Documentation (v 3.0) by Warp Lord
Gravity Forms Styles Pro
This is an installation and basic usage guide. For complete documentation, which is beyond the scope of this document and/or support, visit Gravity Forms Styles Pro website: https://gravitystylespro.com/
Installing Gravity Forms Styles Pro
Choosing a Gravity Forms Theme
Styling a form field with Style Selector
Icons and Images with Radio and Checkbox fields
https://gravitystylespro.com/docs/
IMPORTANT: This plugin serves as an add-on for Gravity Forms. You should have Gravity Forms (at least, version 1.8) installed on your WordPress for this add-on to work.
The plugin can be installed just like any other WordPress plugin. The straightforward way is through the Dashboard.
If for some reason you do not wish to use the WordPress dashboard to install the plugin, you can also install using an FTP program. Usually non-technical users are not advised to use this method.
Once the plugin is activated, your forms settings will have a new page, called Styles Pro. The first option there, will be to select a theme for the current form. Each Form can have a different theme. You can use forms with more than one themes on the same page as well.
You can go to Form Settings > Styles Pro page from the Form Edit page.
On the Form Settings page, simply choose the theme using the select box and click Update Settings. Styles Pro theme should now be applied to your form.
You can select a Default theme for your site which will be applied to all Forms. By default, it is set to None. So all forms by default will have no theme applied to them. If a theme is selected for a particular form, that form will not use the default theme but the theme selected in the Form Settings.
Default Theme can be set from Styles Pro Settings page under Universal Settings section.
Gravity Forms Styles Pro comes with a GUI based Style Selector for fields, which you can use to easily create a form layout. All built-in Gravity Forms fields are supported.
Styles Selector can be found under Appearance when editing a field.
All themes come with default designs that can be adjusted to fit your needs. The following options are available for all themes.
You can reach the Styles Pro Settings page with any of the following methods:
From the Styles Pro Settings page you can customize all of your themes. Make sure you have the options opened for the theme you want to customize. You can open options for all Styles Pro themes you have installed from the select box on the top.
Custom CSS: You can write your custom CSS here. If enabled, CSS defined here will be loaded on all pages that load Styles Pro.
Custom Styles Guide
We have made it significantly easy to override the notoriously difficult to override Gravity Forms Styles! A simple guide to using Styles Pro to write your custom styles will be published soon, however, you should find it easy to get started.
To use icons in your forms, you must first enable the iconsets you want to use in form settings (Form settings > Styles Pro.) You can use more than one iconsets on the same form.
To apply icons to fields, click on Field Icon button in the field appearance tab. This will open icon options.
In the icon selector. You can easily look for icons by searching in the textbox at the top. If you have more than one iconset enabled for the form. The search works simultaneously for all iconsets, click on each set to see the options available. You may select a color for your icon.
To add images or icons to Radio or Checkbox options, click on the icon next to the choice.
You can easily customize validation message from Form Settings > Styles Pro. Furthermore, you may choose to show the validation message in a pop-up and also automatically make the form scroll to the first field with error.
This document serves as a very basic introduction to the plugin, which has an ever increasing number of features. To find more, and up to date information, please visit the official online documentation:
Knowledgebase – Gravity Forms Styles Pro
Support: https://GravityStylesPro.com/support/
Themes: https://GravityStylesPro.com/themes/
Gravity Forms official website: https://GravityForms.com/
For more information, please visit: https://GravityStylesPro.com/docs/