caleb44 Gravity Support Forums User Favorites: Caleb44 en-US Sun, 19 Apr 2026 22:00:54 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/changing-submit-button-style#post-85267 Tue, 30 Oct 2012 14:53:13 +0000 digitalbrands 85267@https://legacy.forums.gravityhelp.com/ <p>Thanks, I used your solution. </p> https://legacy.forums.gravityhelp.com/topic/changing-submit-button-style#post-84812 Mon, 29 Oct 2012 16:18:34 +0000 Kevin Flahaut 84812@https://legacy.forums.gravityhelp.com/ <p>You can apply a unique class name to the form itself in the form settings. From there, you can use simple CSS inheritance to target the submit button. Here's a quick example.. I added the class name "someform" in the main form settings</p> <pre><code>[css] body .gform_wrapper.someform_wrapper .gform_footer input.gform_button { font-size:1.6em; color: blue }</code></pre> <p>screenshot: <a href="http://bit.ly/Sp7tWK" rel="nofollow">http://bit.ly/Sp7tWK</a></p> <p>Also, if you inspect the markup, you'll see that the submit button has a unique ID besides the class that you can target for CSS manipulation. Either way should work just fine for you. </p> https://legacy.forums.gravityhelp.com/topic/changing-submit-button-style#post-84800 Mon, 29 Oct 2012 15:20:32 +0000 digitalbrands 84800@https://legacy.forums.gravityhelp.com/ <p>I have a similar question to the last one Caleb44 posted. Is it possible to assign a different class name to the submit button from the form editor? It seems that custom class names can be added to every element of the form except for the submit button. </p> https://legacy.forums.gravityhelp.com/topic/changing-submit-button-style#post-83295 Wed, 24 Oct 2012 11:33:57 +0000 Kevin Flahaut 83295@https://legacy.forums.gravityhelp.com/ <p>Well, you can use the filter mentioned above to completely re-write the button markup and assign whatever classes you want.</p> <p><a href="http://www.gravityhelp.com/documentation/page/Gform_submit_button" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gform_submit_button</a></p> <p>Other than that, you can use more specific CSS inheritance to override any existing class definitions and to add new styling. </p> https://legacy.forums.gravityhelp.com/topic/changing-submit-button-style#post-83287 Wed, 24 Oct 2012 11:19:52 +0000 Caleb44 83287@https://legacy.forums.gravityhelp.com/ <p>Is it possible to assign a different class to the button. The styling already exists in a class with in the theme. </p> https://legacy.forums.gravityhelp.com/topic/changing-submit-button-style#post-82371 Sat, 20 Oct 2012 05:40:36 +0000 Kevin Flahaut 82371@https://legacy.forums.gravityhelp.com/ <p>Just looked at your form and it appears you have the button styled and centered?</p> <p>screenshot: <a href="http://bit.ly/WymPuo" rel="nofollow">http://bit.ly/WymPuo</a></p> <p>Did you still need some help or have you sorted it all out? </p> https://legacy.forums.gravityhelp.com/topic/changing-submit-button-style#post-82330 Sat, 20 Oct 2012 00:54:24 +0000 Caleb44 82330@https://legacy.forums.gravityhelp.com/ <p>That is great, thank you. Here is an example: <a href="http://www.ccctrain.com/medical-assistant/" rel="nofollow">http://www.ccctrain.com/medical-assistant/</a> I'm using the pagelines framework, and they've got some classes defined for buttons that I'd like to carry through to my forms and then also get them centered in the elements in which they appear. </p> https://legacy.forums.gravityhelp.com/topic/changing-submit-button-style#post-82229 Fri, 19 Oct 2012 11:43:32 +0000 Kevin Flahaut 82229@https://legacy.forums.gravityhelp.com/ <p>Do you need an actual "button" element for some reason? If not, you can leave that out all together and use the default "submit" type input and the verbiage can be changed directly from the form settings.</p> <p>Also, sure, centering the button or submit element is just a matter of applying the proper CSS rules. If you would like to post a URL to your some, someone here can take a look and help you with a proper CSS snippet to get it positioned correctly. </p> https://legacy.forums.gravityhelp.com/topic/changing-submit-button-style#post-82218 Fri, 19 Oct 2012 11:15:07 +0000 Caleb44 82218@https://legacy.forums.gravityhelp.com/ <p>Is it not possible to put something in like this to get it to pull the text in?</p> <p><code>gform_submit_button_{$form[&quot;BUTTON TEXT FIELD&quot;]}</code></p> <p>Alternatively is there a better way to simply change the style of the button and get it centered in the form?</p> <p>Thank you </p> https://legacy.forums.gravityhelp.com/topic/changing-submit-button-style#post-81766 Wed, 17 Oct 2012 13:49:27 +0000 Kevin Flahaut 81766@https://legacy.forums.gravityhelp.com/ <p>If you're using the filter, then that overrides the form settings. You would need to change the button text directly in the filter/markup.</p> <pre><code>add_filter(&quot;gform_submit_button&quot;, &quot;form_submit_button&quot;, 10, 2); function form_submit_button($button, $form){ return &quot;&lt;button class=&#39;btn btn-warning btn-large&#39; id=&#39;gform_submit_button_{$form[&quot;id&quot;]}&#39;&gt;&lt;div class=&#39;center&#39;&gt;YOUR BUTTON TEXT HERE&lt;/div&gt;&lt;/button&gt;&quot;; }</code></pre>