Grid & Styler For Contact Form 7 And Divi Logo

Grid & Styler For Contact Form 7 And Divi

Create contact form 7 forms that look & feel like divi

Start Free Trial
  • An intuitive 4-column grid layout builder thats responsive
  • A versatile divi module to style your forms
Top Pricing Docs FAQs Changelogs

Use Contact Form 7 In Divi Seamlessly

Contact Form 7 plugin creates and manages multi forms. Its a widely used forms plugin.

Contact Form 7 doesn’t have in-built support for creating form layouts. It neither has good default styles nor ability to style the form.

Grid And Styler For Contact Form 7 adds a grid builder to create form layouts and divi styler module to style the form.

FREE DOWNLOAD

Start your FREE trial. No credit cards required.

4 Column Grid Layout Support

We support up-to a 4-column grid layout. That is, we provide 1, 1/2, 1/3, 1/4, 2/3 and 3/4 columns. A row wraps one or more columns.

A row wraps one or more columns and each column wraps a form element. A collection of such rows creates a grid layout.

You can add the row and columns from within the default contact form 7 builder.

Contact Form 7 Grid Builder
Contact Form 7 Grid Builder
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Divi Contact Form 7 Styler Module

Contact Form 7 Divi Styler Module
Contact Form 7 Styler For Divi Theme

We include a divi module to style your Contact Form 7 forms. You can style form elements

Features

  • Form wrapper styles
    • Padding and Margin
    • Background
    • Border & border radius
    • Box shadow
  • Row margin and padding
  • Column margin and padding
  • Label styles for
    • Margin and padding
    • Font styles.
  • Text, textarea, select fields
    • Background
    • Border & border radius
    • Font styles
    • Margin and padding
  • Radio / Checkbox Options label styles for
    • Margin and padding
    • Font styles.
  • Acceptance field font styles
  • Button styles for
    • Alignment
    • Font styles
    • Margin and padding
    • Box shadow
    • Background
  • Field error styles for
    • Margin & padding.
    • Font styles
  • Form error styles for
    • Margin and padding.
    • Border and border radius
    • Background color.
    • Font styles
  • Form success message styles for
    • Margin and padding.
    • Border and border radius
    • Background color.
    • Font styles
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

REVIEWS

A much needed divi integration for contact form 7

My goto plugin for divi websites that use the contact form 7 plugin. The grid helps to layout the form elements. The divi module is very intuitive & helps visually style the form with numerous design options. A no-brainer plugin to have!

Nick Bowman, JK Web Designs
1 Site 5 Sites Unlimited Sites

Annual

$ € £ 24.99 YR
  • 4-column grid builder for contact form 7
  • A versatile divi module to style your forms
  • High priority support
or start a 7-day free trial

Lifetime

$ € £ 79.99 ONCE
  • 4-column grid builder for contact form 7
  • A versatile divi module to style your forms
  • High priority support
or start a 7-day free trial
All plans have a 14-days Money Back Guarantee refund policy.

You are fully protected by our 100% Money Back Guarantee. If during the next 14 days you experience an issue that makes the plugin unusable and we are unable to resolve it, we'll happily consider offering a full refund of your money.

Secure payments by Freemius - Sell and market freemium and premium WordPress plugins & themes

FAQs

  • image/svg+xml image/svg+xml
    How to install and activate a plugin?
    1. Download the plugin

      After purchasing a product, you'll receive 2 emails.
       The first will provide you with a link to download the plugin, along with your license key.
      The second email, after successful payment, will provide a receipt and a secure link to download your PDF invoice.
       Note: For lifetime license you’ll receive a single email.
      For Apple's Safari browser, disable its default ZIP auto extraction setting before downloading.
       Safari user's watch this video https://youtu.be/CbKgEv47WVA

    2. Upload the paid product to WordPress

      Now that you've downloaded the premium zip file, you are ready to upload it to your WordPress website.
       How to upload and activate a plugin/add-on? Watch this video

    3. Activate the product with your License Key

      Product purchased from within the WP Admin dashboard have the license key activated on upgrade.
       Otherwise, on activation, a license activation screen shows up.
      Enter the key provided in your email and click Agree & Activate License.
       Your product is now activated and you'll can begin to set it up.

  • image/svg+xml image/svg+xml
    How do I update my plugin?
    • Plugin updates become available automatically through your WordPress admin dashboard.
    • When one is available, click Update. As long as you have an active license, it will update to the latest version.

Changelogs

== 1.4.2 ==

14/04/2022 - composer bug fix.

== 1.4.1 ==

17/03/2022 - Upgraded freemius

== 1.4.0 ==

11/02/2022 - Added support for sticky scroll.; divi 4.1.0+ compatible

== 1.3.0 ==

09/01/2022 - 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 ==

19/11/2021 - Fixed responsive css for column wrapper in tablet and mobile.

== 1.2.1 ==

11/08/2021 - 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 ==

27/06/2021 - Fixed selector issue for form success and error messages.

== 1.1.0 ==

19/02/2021 -
Added compatibility for Divi 4.5.1+
Compatible with WordPress 5.4.2

== 1.0.2 ==

12/11/2020 -
Fixed button and ajax loader layout issue
Fixed last column's control with issue.
Added 7 day Free trial.

== 1.0.1 ==

26/04/2020 - Added single column form field.

== 1.0.0 ==

01/04/2020 - 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

Version: 1.4.2
Last Updated: 14/04/2022
WordPress Version: 5.3.2 and above
Tested On: WordPress 5.9.3