Surbma | Divi & Gravity Forms vs Divi Gravity Forms (WP Tools)

TESTED WITH GRAVITY FORMS 2.6 & SUPPORT FOR LEGACY MARKUP! YES, REALLY! 🙂 This plugin adds the same styling for Gravity Forms as Divi Theme has for its own forms. This is a very lightweight plugin with minified css to reduce the loading time as low as possible. The plugin has full support for the new GF 2.5 markup and the 2.6 inline button feature, it even supports previous versions or the legacy markup. So don’t panic, you can use this plugin for all Gravity Forms versions. But it is recommended to use the new version with the new markup! Gravity Forms fields and buttons are inherit Divi settings, so you can set the buttons look and feel. There is NO OPTIONS OR SETTINGS PAGE for this plugin! It just works after activation. Divi settings may modify the look of the forms. Responsive style for legacy markup If you didn’t upgrade to GF 2.5 or still use legacy markup, the plugin adds responsive styles to your forms. So you can use complex forms, halves or thirds fields, your form will look great on mobile screens also. Support for Extra by Elegant Themes The plugin supports the Extra theme also, created by Elegant Themes. So you can use it to style your forms even with Extra theme. Requirements You have to buy the Divi Theme and the Gravity Forms Plugin to use this plugin: Divi by Elegant Themes (affiliate link) Gravity Forms (affiliate link) Info My plugins for Divi theme: Surbma | Divi & Gravity Forms Surbma | Divi Extras Surbma | Divi Lightbox Surbma | Divi Project Shortcodes Surbma | Divi Remove Project CPT Do you want to contribute or help improving this plugin? You can find it on GitHub: https://github.com/Surbma/surbma-divi-gravity-forms You can find my other plugins and projects on GitHub: https://github.com/Surbma Please feel free to contribute, help or recommend any new features for my plugins, themes and other projects. Do you want to know more about me? Visit my webpage: Surbma.com

Embed gravity forms in Divi visual builder. Add styles for gravity forms border, background, title, description, inputs, labels, placeholder, errors, submit button & more. Premium version has 7-day FREE trial. No upfront payments needed. It has dependencies on the following, Divi Theme – Affiliate link Gravity Form – Affiliate link With the FREE plugin you can, * Add a gravityform on a divi page using the visual builder. * Configure the gravityform shortcode params Gravityform Shortcode Parameters Show Title – Toggle to display the form title. Defaults is on Show Description – Toggle to display the form description. Defaults is on Ajax – Toggle to use AJAX to submit the form. Defaults is off Tab Index – Specify the starting tab index for the fields of this form Field Values – Specify the default field values. Example: field_values=’check=First Choice,Second Choice’. See also https://docs.gravityforms.com/using-dynamic-population/ for detailed information on dynamic population. Premium Plugin Premium plugin is available at https://wptools.app/wordpress-plugin/gravity-forms-divi-module/ We offer a 7-day FREE trial on the premium plugin. Style Form Background, Spacing & Border Set color, gradient, image or video backgrounds. Add border, margin & padding to form wrapper. Style Gravity Form Title Style the title typography and spacing using the divi module Style Gravity Form Description To render gravityform description, toggle the Show Description to on in Gravityform Shortcode Parameters. Style the description typography and spacing using the divi module Style Gravity Form Section Break Field Section break field adds a content separator to your gravity form – https://docs.gravityforms.com/section-break/ Style the content’s title, description, spacing and border color using the divi module. Style Input Fields, Input Wrapper & Input Placeholder Input fields are text, textarea, checkbox and radio fields. Input Wrapper wraps an input field. Manage input wrappers margin and padding. Add background, border and rounded corners for text, textarea and dropdown fields. Manage typography for input fields in the Input General section. Manage checkbox and radio typography settings in Checkbox/Radio section. Manage margin and padding for text fields. Manage typography for input placeholder text. Style Label, Sub-Label & Input Field Description Style gravityform’s label, sub-label and description for the inputs. Set typography and spacing for them. Style Field Wrapper A field wrapper wraps the input field, label, sub-label and description. Manage the field wrappers padding and margin in divi. Style Form & Field Validation Errors Form Validation Error is a general validation error text for the whole form. Manage typography, border color, margin and padding. Field Validation Error shows the validation per field. Manage typography, border color, background color, margin & padding. Style Forms Submission Confirmation Message Form submission displays a message. Style typography & background of the confirmation message. Style Gravityform Button Set button alignment, typography, border, rounded corner and background color with hover styles. Style Consent Field & Description A gravityform consent field is a checkbox accompanied by description. It’s a compulsory field. Style the checkbox’s and description’s typography, margin & padding Style Gravityform Footer Footer wraps the form buttons. Manage margin and padding for this element. Style Progress Bar A multi-step gravityform has a progressbar at the top. Style the progressbar title’s typography, progressbar’s background and font color. Custom CSS Setting A fine-grained control over writing custom css for large number of form elements