Ollie Murphy

<p>Gravity Forms already lets you customize the Submit Button under its Form Settings for each form; you can change the button’s text and you can select whether the button should be an <code><input></code> or an <code><img></code> element. However, you can’t add html as part of the button text and you’re restricted to using either an input or image element for the button. With this plugin you can choose to use a <code><button></code> tag element instead, which also lets you embed HTML inside it. Moreover, this plugin also lets you conveniently change the CSS classes of the submit button.</p>
<p>There are plenty of use cases for adding HTML into the submit button text. For instance, if your button text is multiple words long and you’d like to bold or italicize some of them by wrapping certain words in strong or em tags.</p>
<p>Likewise, there are many reasons to change the button’s default CSS class. For example, GravityForms automatically adds the ‘button’ class, but, if you’re using the Twitter Bootstrap framework, ‘btn’ would actually be more helpful.</p>
<p><strong>Gravity Forms requires at least: 1.9.12.16</strong></p>
<p><strong>Gravity Forms tested up to: 1.9.15.11</strong><br />
After activating the plugin, please navigate to the form settings of the form that you wish to customize. Scroll down to the ‘form button’ section where, in addition to ‘text’ and ‘image’, you’ll also be given ‘button’ as an input type option. Selecting the ‘button’ option will change the submit button’s markup to a <code><button></code> element. You will also be able to embed html in the ‘HTML Button Text’ field.</p>
<p>In the same ‘form button’ section under form settings, there’s an input called ‘Submit Button CSS Classes’. This is where you can change the CSS classes being currently used by the submit button.</p>
<p>Currently you are only able to customize the submit buttons on a per form basis within the form settings and not globally.</p>
<h4>Please note that Gravity Forms must be installed and activated for the plugin to work.</h4>


Customize Submit Button for Gravity Forms

I'm able to add classes to submit button independently without using the filter. Without PHP notices or bugs so far.



Does exactly what I need

Lets you customize the submit button in Gravity Forms by switching it to a button element and changing its CSS classes

CherryPick Studios

Surbma

<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.

Customize Submit Button for Gravity Forms vs Surbma | Divi & Gravity Forms