https://legacy.forums.gravityhelp.com/topic/cant-get-submit-hover-button-to-show-on-top-of-regular-submit-button Gravity Support Forums Topic: Cant get submit hover button to show on top of regular submit button en-US Mon, 20 Apr 2026 03:27:15 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/cant-get-submit-hover-button-to-show-on-top-of-regular-submit-button#post-85869 Wed, 31 Oct 2012 16:51:56 +0000 Kevin Flahaut 85869@https://legacy.forums.gravityhelp.com/ <p>Well, first of all, your submit button image isn't transparent so changing the background of that image isn't going to matter if you can't see the background.</p> <p>I would use the standard submit button, not the image option, then use CSS to apply a background image to both states. </p> https://legacy.forums.gravityhelp.com/topic/cant-get-submit-hover-button-to-show-on-top-of-regular-submit-button#post-85854 Wed, 31 Oct 2012 16:08:47 +0000 ciznerguy 85854@https://legacy.forums.gravityhelp.com/ <p>I am trying to get my submit button to change when it is hovered over. The only problem is that I cannot get the hover effect to overlap the regular submit button. Here is the code I am trying.</p> <pre><code>body #gform_wrapper_3 .gform_footer input[type=image] { padding: 0; display: block; margin-left: -79px !important; margin-top: -11px !important; background: url(http://www.certifiedtopmovers.com/wp-content/uploads/SubmitButton.png) center top no-repeat !important; height: 76px !important; width: 242px !important; border: none !important; z-index: 98 !important; } body #gform_wrapper_3 .gform_footer:hover input[type=image] { padding: 0; display: block; margin-left: -79px !important; margin-top: -11px !important; background: url(http://www.certifiedtopmovers.com/wp-content/uploads/SubmitButtonHover.png) center top no-repeat !important; height: 76px !important; width: 242px !important; border: none !important; z-index: 99 !important; }</code></pre> <p>and you can view the form here. <a href="http://www.certifiedtopmovers.com" rel="nofollow">http://www.certifiedtopmovers.com</a></p> <p>Thanks. This has been a problem for me on many sites so hopefully someone can shed some light on the solution. </p>