https://legacy.forums.gravityhelp.com/topic/changing-submit-button Gravity Support Forums Topic: Changing Submit Button en-US Mon, 20 Apr 2026 02:28:44 +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#post-149174 Mon, 18 Feb 2013 09:06:32 +0000 Rob Harrell 149174@https://legacy.forums.gravityhelp.com/ <p>You could try using this:</p> <pre><code>[css] body .gform_wrapper { max-width: 100%; }</code></pre> https://legacy.forums.gravityhelp.com/topic/changing-submit-button#post-148891 Mon, 18 Feb 2013 02:05:53 +0000 dmayer5 148891@https://legacy.forums.gravityhelp.com/ <p>Rob: </p> <p>I typically don't add the license key to my forms but you made a great suggestion so I added all the modified CSS to my theme stylesheet. Thank you very much for all the help. Only other thing is that I am trying to make the form to align perfectly even on both the left side and right side. Any quick fix that I can accomplish with that? (full width page) </p> https://legacy.forums.gravityhelp.com/topic/changing-submit-button#post-148659 Sun, 17 Feb 2013 18:35:03 +0000 Rob Harrell 148659@https://legacy.forums.gravityhelp.com/ <p>The first thing you are going to want to do, is not edit the forms.css file of the plugin. As soon as we release an update to Gravity Forms, it's going to wipe out your changes - thus the warning message at the top of the file to not edit it.</p> <p>Once you have removed and reverted the forms.css file, place the following edited CSS snippet in your theme's stylesheet (or wherever you place custom styles at the theme level) and it should do the trick for you:</p> <pre><code>[css] body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_footer input[type=submit] { color:#ffffff; padding-top:4px; padding-bottom:4px; padding-left:10px; padding-right:10px; border: 1px solid rgba(114,114,114,0.4); border-radius: 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 0px rgba(114,114,114,0.3); -moz-box-shadow: 0 1px 0px rgba(114,114,114,0.3); -webkit-box-shadow: 0 1px 0px rgba(114,114,114,0.3); background-color: #0096d6; } body .gform_wrapper .gform_footer input[type=submit]:hover { border: 1px solid rgba(114,114,114,0.6); background-color: #444444; } body .gform_wrapper .gform_footer input[type=submit]:active { top: 1px; }</code></pre> https://legacy.forums.gravityhelp.com/topic/changing-submit-button#post-148517 Sun, 17 Feb 2013 11:57:23 +0000 dmayer5 148517@https://legacy.forums.gravityhelp.com/ <p>Chris, yes I do: <a href="http://dekarmedia.com/new/contact/" rel="nofollow">http://dekarmedia.com/new/contact/</a></p> <p>Right underneath the Gravity Form is the built in Contact form the developer put in the theme. </p> <p>Thanks! </p> https://legacy.forums.gravityhelp.com/topic/changing-submit-button#post-148237 Sun, 17 Feb 2013 02:55:25 +0000 Chris Hajer 148237@https://legacy.forums.gravityhelp.com/ <p>Do you have a URL to the page on this site where you are trying to change the look? And also, another page on the site where we can see what you want the buttons to look like? </p> https://legacy.forums.gravityhelp.com/topic/changing-submit-button#post-148233 Sun, 17 Feb 2013 02:51:43 +0000 dmayer5 148233@https://legacy.forums.gravityhelp.com/ <p>This is what I have gotten so far in the forms.css however, I can't figure out how to get the hover effect to work.<br /> <pre><code>[css] .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] { color:#ffffff; padding-top:4px; padding-bottom:4px; padding-left:10px; padding-right:10px; border: 1px solid rgba(114,114,114,0.4); border-radius: 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 0px rgba(114,114,114,0.3); -moz-box-shadow: 0 1px 0px rgba(114,114,114,0.3); -webkit-box-shadow: 0 1px 0px rgba(114,114,114,0.3); background-color: #0096d6 !important; } .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]:hover { border: 1px solid rgba(114,114,114,0.6); background-color: #444444; } .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]:active { top: 1px; }</code></pre> https://legacy.forums.gravityhelp.com/topic/changing-submit-button#post-148046 Sat, 16 Feb 2013 22:05:05 +0000 dmayer5 148046@https://legacy.forums.gravityhelp.com/ <p>How can I change the submit button, via CSS? What I mean is I have used GF's on a couple websites that I have worked with. Some of the themes, I activate and create the forms and they automatically adopt the settings of the theme so the text fields and submit button look like the other forms. Here is an example of what I mean: <a href="http://www.oclawmen.org/contact/" rel="nofollow">http://www.oclawmen.org/contact/</a> </p> <p>How can I set up the forms so they integrate without having a plain button? I have already changed some of the CSS settings to make the text fields and ext to look like the Blog page comment form. </p>