=== Grid & Styler For Contact Form 7 And Divi ===
Contributors: wpt00ls
Donate link: https://wptools.app/
Tags: contact form 7, contact form 7 styler,  contact form 7 grid, contact form 7 grid builder, divi module, divi modules, extra, elegantthemes, divi, addon, addons, add-ons, divi extras, divi plugin, elegant, themes, elegant themes, module, modules
Requires at least: 4.5
Tested up to: 6.8
Stable tag: 1.7.1
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

`Grid & Styler For Contact Form 7 And Divi` adds grid and styling support for Contact Form 7. The grid builder sets up form elements a grid in rows and columns. The divi module helps style the contact form 7  

== Description ==

[Grid & Styler For Contact Form 7 And Divi](https://wptools.app/wordpress-plugin/grid-styler-for-contact-form-7-and-divi/?utm_source=wp&utm_medium=plugin-page&utm_campaign=cf7-divi&utm_content=description) plugin adds 

* Grid Layout Builder For Contact Form 7 - To create form in grid layout
* Divi Styler Module For Contact Form 7 - Embed form with default styles and add custom styles (premium) the form using divi module


### Grid Layout Builder For Contact Form 7

https://www.youtube.com/watch?v=s_bvRA4v5Ro


Create a grid layout for contact form 7 using rows and columns (1, 1/2, 1/3, 1/4, 2/3, 3/4). These row and columns can be found on the default contact form 7 template editor. 

For details visit [https://wptools.app/how-to/how-to-create-grid-layout-for-contact-form-7/](https://wptools.app/how-to/how-to-create-grid-layout-for-contact-form-7/?utm_source=wp&utm_medium=plugin-page&utm_campaign=cf7-divi&utm_content=description) 


### Divi Styler For Contact Form 7

https://www.youtube.com/watch?v=0Qjkm3uy9SM

Embed and style contact form 7 on a divi page using a divi module. Details on how to style the form can be found at [https://wptools.app/how-to/how-to-style-contact-form-7-in-divi-theme/](https://wptools.app/how-to/how-to-style-contact-form-7-in-divi-theme/?utm_source=wp&utm_medium=plugin-page&utm_campaign=cf7-divi&utm_content=description)


## Premium version 

We offer premium version. It can be found at [https://wptools.app/wordpress-plugin/grid-styler-for-contact-form-7-and-divi/](https://wptools.app/wordpress-plugin/grid-styler-for-contact-form-7-and-divi/?utm_source=wp&utm_medium=plugin-page&utm_campaign=cf7-divi&utm_content=description)

The premium version offers ability to add custom styles to the contact form 7.


== Installation ==

How to install the `Grid & Styler For Contact Form 7 And Divi` plugin and get it working.

1. Download the plugin and unzip it. You will get a `cf7-grid-and-styler-for-divi` folder
2. Upload `cf7-grid-and-styler-for-divi` folder to the `/wp-content/plugins/` directory
3. Activate the plugin through the 'Plugins' menu in WordPress


== Frequently Asked Questions ==

= How do I use the grid layout builder? =

Please read this how-to guide [https://wptools.app/how-to/how-to-create-grid-layout-for-contact-form-7/](https://wptools.app/how-to/how-to-create-grid-layout-for-contact-form-7/?utm_source=wp&utm_medium=plugin-page&utm_campaign=cf7-divi&utm_content=description) 

= How do I embed and style the contact form 7 on a divi page? = 

Please read this how-to guide [https://wptools.app/how-to/how-to-style-contact-form-7-in-divi-theme/](https://wptools.app/how-to/how-to-style-contact-form-7-in-divi-theme/?utm_source=wp&utm_medium=plugin-page&utm_campaign=cf7-divi&utm_content=description)

= Do you have a premium plugin? = 
Yes, please visit [https://wptools.app/wordpress-plugin/grid-styler-for-contact-form-7-and-divi/](https://wptools.app/wordpress-plugin/grid-styler-for-contact-form-7-and-divi/?utm_source=wp&utm_medium=plugin-page&utm_campaign=cf7-divi&utm_content=description) to learn more.

== Screenshots ==

1. Styled Contact Form 7 On Divi Page
2. Grid Layout Builder For Contact Form 7 Template
3. Divi Module For Embedding And Styling Contact Form 7
 

== Changelog ==

= 1.7.1 =
Updated: Freemius SDK 

= 1.6.1 =
* Updated: Freemius SDK

= 1.6.0 =
* php8.1 compatible
* Freemius upgrade
* WordPress compatible

= 1.5.2 =
* Freemius upgrade

= 1.5.1 =
* Divi module selector bug fix

= 1.5.0 =
* Freemius upgrade
* Bug fix for form response at top
* Added classes for grid columns
* `Size` attribute fix for cf7 fields

= 1.4.2 =
* Composer compatible with php 7.2.0

= 1.4.1 =
* Upgraded freemius to 2.4.3
* WordPress 5.9.1 compatible

= 1.4.0 =
* Added support for sticky scroll. 
* Compatible with divi 4.10+


= 1.3.0 = 
* Added toggle field "Show Response At Top". On "Yes", the form response is set at the top. On "NO", the form response location is set to default or on place where `response` tag is used.

= 1.2.2 = 

* Fixed responsive css for column wrapper in tablet and mobile.
* Updated freemius sdk to 2.4.2

= 1.2.1 = 

* Fixed scrolling issue when cf7 success/error.
* Bug fix when multiple cf7 forms on page, multiple success/error response elements were presented on a single form.

= 1.2.0 = 

* Fixed selector issue for form success and error messages.
* WordPress 5.6 compatibility.

= 1.1.0 =
* Added compatibility for Divi 4.5.1+
* Compatible with WordPress 5.4.2 

= 1.0.2 =
* Fixed button and ajax loader layout issue
* Fixed last column's control with issue.
* Added 7 day Free trial.

= 1.0.1 =
* Added single column form field.

= 1.0.0 =
* First version of the plugin
* Divi module styler for contact form 7
* Added following form fields
    - Row
    - 1/2 Column
    - 1/3 Column
    - 1/4 Column
    - 2/3 Column
    - 3/4 Column

