Gravity Support Forums Topic: [resolved] Adding a css class to the submit button

Gravity Support Forums Topic: [resolved] Adding a css class to the submit button https://legacy.forums.gravityhelp.com/topic/adding-a-css-class-to-the-submit-button Gravity Support Forums Topic: [resolved] Adding a css class to the submit button en-US Sun, 05 Apr 2026 16:42:50 +0000 http://bbpress.org/?v=1.0.1 <![CDATA[Search]]> q https://legacy.forums.gravityhelp.com/search.php Kevin Flahaut on "[resolved] Adding a css class to the submit button" https://legacy.forums.gravityhelp.com/topic/adding-a-css-class-to-the-submit-button#post-6843 Wed, 30 Jun 2010 00:15:51 +0000 Kevin Flahaut 6843@https://legacy.forums.gravityhelp.com/ Great deal. Thanks for the update Joachim Kudish on "[resolved] Adding a css class to the submit button" https://legacy.forums.gravityhelp.com/topic/adding-a-css-class-to-the-submit-button#post-6842 Wed, 30 Jun 2010 00:14:15 +0000 Joachim Kudish 6842@https://legacy.forums.gravityhelp.com/ Hey, I just found this piece of code in the documentation, which might prove to be more efficient for what I am trying to do: <pre><code>add_filter("gform_submit_button", "form_submit_button"); function form_submit_button($button){ return "<input type='submit' value='My new button' />"; }</code></pre> Thanks for the great tip though. Case closed Kevin Flahaut on "[resolved] Adding a css class to the submit button" https://legacy.forums.gravityhelp.com/topic/adding-a-css-class-to-the-submit-button#post-6821 Tue, 29 Jun 2010 14:06:48 +0000 Kevin Flahaut 6821@https://legacy.forums.gravityhelp.com/ Nope. Your version is the latest and should be fine. You need to make sure that jQuery is loaded somewhere BEFORE you call this script. You can either move the jQuery call to the header or move your script to the footer somewhere after jQuery is loaded. That should get you rolling. Joachim Kudish on "[resolved] Adding a css class to the submit button" https://legacy.forums.gravityhelp.com/topic/adding-a-css-class-to-the-submit-button#post-6820 Tue, 29 Jun 2010 13:24:43 +0000 Joachim Kudish 6820@https://legacy.forums.gravityhelp.com/ Hi there, Thanks a lot for your help, it's very appreciated! Is there a minimum version of jQuery required for this script to work, currently the site has 1.4.2 enqueued in the footer. I've added the script to the header of the page, but the new class name doesn't get applied to the button. I've tried both versions of the script you provided. Any additional help would very nice :) Kevin Flahaut on "[resolved] Adding a css class to the submit button" https://legacy.forums.gravityhelp.com/topic/adding-a-css-class-to-the-submit-button#post-6786 Mon, 28 Jun 2010 21:45:58 +0000 Kevin Flahaut 6786@https://legacy.forums.gravityhelp.com/ You can do this by adding some jQuery to your header.php file. This is assuming you've got the jQuery library loaded of course. <pre><code><script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function($) { $("#gform_wrapper_1 .gform_footer input.button").addClass("mynewclassname"); }); </script></code></pre> That's specific to that form ID. If you want it to apply to all forms, then you can leave the "#gform_wrapper1" portion off and it should work for all. <pre><code><script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function($) { $(".gform_footer input.button").addClass("mynewclassname"); }); </script></code></pre> Joachim Kudish on "[resolved] Adding a css class to the submit button" https://legacy.forums.gravityhelp.com/topic/adding-a-css-class-to-the-submit-button#post-6782 Mon, 28 Jun 2010 21:28:38 +0000 Joachim Kudish 6782@https://legacy.forums.gravityhelp.com/ Hello, I've purchased this script from codecanyon: <a href="http://codecanyon.net/item/css3-buttons/109193" rel="nofollow">http://codecanyon.net/item/css3-buttons/109193</a> and want to use it for the submit button, but to do so, I need to apply a new css class to the button, is there a way to apply a class to it without modifying core plugin files? Yes, I know I could just apply the css to the proper classes that GF generates, but doing it that way would mean a whole lot more work :) Any help would be appreciated. My form is here: <a href="http://pamplemoussedesign.ca.s92071.gridserver.com/wp/say-hello/" rel="nofollow">http://pamplemoussedesign.ca.s92071.gridserver.com/wp/say-hello/</a> (temporary url) PS: Sorry if this question has already been answered, I searched but didn't find anything