Surbma

CherryPick Studios

<blockquote>
<p>TESTED WITH GRAVITY FORMS 2.6 & SUPPORT FOR LEGACY MARKUP! YES, REALLY! 🙂</p>
</blockquote>
<p>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.</p>
<p>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!</p>
<p>Gravity Forms fields and buttons are inherit Divi settings, so you can set the buttons look and feel.</p>
<p>There is NO OPTIONS OR SETTINGS PAGE for this plugin! It just works after activation. Divi settings may modify the look of the forms.</p>
<h3>Responsive style for legacy markup</h3>
<p>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.</p>
<h3>Support for Extra by Elegant Themes</h3>
<p>The plugin supports the Extra theme also, created by Elegant Themes. So you can use it to style your forms even with Extra theme.</p>
<h3>Requirements</h3>
<p>You have to buy the Divi Theme and the Gravity Forms Plugin to use this plugin:</p>
<ul>
<li><a href="https://surbma.com/go/elegantthemes/" rel="nofollow ugc">Divi by Elegant Themes</a> (affiliate link)</li>
<li><a href="https://surbma.com/go/gravityforms/" rel="nofollow ugc">Gravity Forms</a> (affiliate link)</li>
</ul>
<h3>Info</h3>
<p><strong>My plugins for Divi theme:</strong></p>
<ul>
<li><a href="https://wordpress.org/plugins/surbma-divi-gravity-forms/" rel="ugc">Surbma | Divi & Gravity Forms</a></li>
<li><a href="https://wordpress.org/plugins/surbma-divi-extras/" rel="ugc">Surbma | Divi Extras</a></li>
<li><a href="https://wordpress.org/plugins/surbma-divi-lightbox/" rel="ugc">Surbma | Divi Lightbox</a></li>
<li><a href="https://wordpress.org/plugins/surbma-divi-project-shortcodes/" rel="ugc">Surbma | Divi Project Shortcodes</a></li>
<li><a href="https://wordpress.org/plugins/surbma-divi-remove-project-cpt/" rel="ugc">Surbma | Divi Remove Project CPT</a></li>
</ul>
<p><strong>Do you want to contribute or help improving this plugin?</strong></p>
<p>You can find it on GitHub: <a href="https://github.com/Surbma/surbma-divi-gravity-forms" rel="nofollow ugc">https://github.com/Surbma/surbma-divi-gravity-forms</a></p>
<p><strong>You can find my other plugins and projects on GitHub:</strong></p>
<p><a href="https://github.com/Surbma" rel="nofollow ugc">https://github.com/Surbma</a></p>
<p>Please feel free to contribute, help or recommend any new features for my plugins, themes and other projects.</p>
<p><strong>Do you want to know more about me?</strong></p>
<p>Visit my webpage: <a href="https://surbma.com/" rel="nofollow ugc">Surbma.com</a></p>


Surbma | Divi & Gravity Forms

Responsive Divi form styles for Gravity Forms.

WP Gear Pro

Manny Rodrigues

<p>This WordPress plugin for Gravity Forms will allow you to quickly and conveniently select from a fully updated list of CSS Ready Classes available under your form fields’ Appearance tab. This plugin is a modified version of <a href="https://wordpress.org/plugins/gravity-forms-css-ready-selector/" rel="ugc">Brad’s Gravity Forms CSS Ready Class Selector WordPress plugin</a>. Special thanks to <a href="https://profiles.wordpress.org/bradvin/" rel="nofollow ugc">Brad Vincent</a> for the original code and <a href="https://github.com/mkormendy" rel="nofollow ugc">Mike Kormendy</a> for the cleaned up version! <a href="https://endurtech.com/css-ready-classes-plugin/" rel="nofollow ugc">Visit the new and improved plugin web site</a> for more details.</p>
<p>This plugin, as of v2.5, will also HIDE ALL Gravity Forms backend tooltips when managing your forms. Those tooltips are helpful to the uninitiated but quickly become a pest to those of us who are initiated. To restore tooltip function simply disable this plugin. In a future release I will look into embedding this feature into the main Gravity Forms Settings area so that it can be toggled. If anyone wants to help me achieve this please <a href="https://endurtech.com/contact/" rel="nofollow ugc">get in touch with me</a>.</p>
<p>This plugin, as of v2.7.6, will also HIDE ALL Gravity Forms “Required Field Notification” message which appears at the top of every form. That notification is helpful to the uninitiated but quickly become a pest to those of us who are initiated. To restore the notification message at the top of each form simply disable this plugin. In a future release I will look into embedding this feature into the main Gravity Forms Settings area so that it can be toggled. If anyone wants to help me achieve this please <a href="https://endurtech.com/contact/" rel="nofollow ugc">get in touch with me</a>.</p>
<p><a href="https://endurtech.com/give-thanks/" rel="nofollow ugc">Donate now</a> to ensure future improvements to this plugin by <a href="https://endurtech.com/send-a-tip-using-the-brave-browser/" rel="nofollow ugc">sending me a tip using Brave</a> or by <a href="https://endurtech.com/give-thanks/" rel="nofollow ugc">sending me a one-time donation</a>.</p>
<h3>Features</h3>
<ul>
<li>Conveniently accessible with a link next to the “Custom CSS Class” field under a fields’ “Appearance” tab.</li>
<li>Clean and simple popup / modal window listing a fully updated list of Gravity Forms CSS Ready Classes.</li>
<li>Click to clear all previously submitted CSS Ready Classes from the “Custom CSS Class” field.</li>
<li>You are able to add more than one CSS Ready Class, when done just click away or the close button.</li>
<li>Double click any CSS Ready Class to add it and auto-close the popup / modal window.</li>
<li>Hover over any CSS Ready Class to obtain a description of the class.</li>
<li>Hides ALL Gravity Form backend tooltips when managing your forms (as of v2.5).</li>
<li>Hides ALL Gravity Form frontend notification message regarding required fields (as of 2.7.6).</li>
</ul>


CSS Ready Classes for Gravity Forms

Conveniently select Gravity Form CSS Ready Classes from your form fields Appearance tab.

Surbma | Divi & Gravity Forms vs CSS Ready Classes for Gravity Forms