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/

# Contents

Contents

Installation

Pre-requisites

Installing Gravity Forms Styles Pro

Preferred method

Installing via FTP

Choosing a Gravity Forms Theme

Site-wide Default Theme

Styling a form field with Style Selector

Field Styling

Customizing Themes

Styles Pro Settings

Universal Settings

Icons

Icons with fields

Icons and Images with Radio and Checkbox fields

Adding Images to your choices

Customizing Validation

https://gravitystylespro.com/docs/

Links

#

# Installation

## Pre-requisites

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.

## Installing Gravity Forms Styles Pro

### Preferred method

The plugin can be installed just like any other WordPress plugin. The straightforward way is through the Dashboard.

- From the dashboard menu, navigate to Plugins > Add New
- Click on Upload Plugin
- Click Choose File and upload the plugin ZIP package.
- Once the plugin is successfully installed. Click on Activate the plugin and you’re ready to use Gravity Forms Styles Pro.

### Installing via FTP

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.

- Unzip the plugin ZIP package on your desktop and upload the folder using your FTP program to wp-content/plugins folder in your WordPress installation.
- Go to Plugins screen and find Gravity Forms Styles Pro plugin and click on Activate

# Choosing a Gravity Forms Theme

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.

## Site-wide Default Theme

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.

# Styling a form field with Style Selector

## Field Styling

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.

# Customizing Themes

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 Menu:

- Forms > Styles Pro
- Click on Settings: Customize themes

- OR

- Forms > Settings > Styles Pro

- OR

- Or click on Edit Themes in Form Settings > Styles Pro

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.

## Styles Pro Settings

## Universal Settings

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.

# Icons

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.

## Icons with fields

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.

## Icons and Images with Radio and Checkbox fields

To add images or icons to Radio or Checkbox options, click on the icon next to the choice.

# Adding Images to your choices

# Customizing Validation

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

# Links

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/