https://legacy.forums.gravityhelp.com/topic/custom-hover-submit-button-image Gravity Support Forums Topic: Custom Hover Submit Button Image en-US Sun, 19 Apr 2026 21:40:30 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/custom-hover-submit-button-image#post-68826 Tue, 31 Jul 2012 16:52:41 +0000 ciznerguy 68826@https://legacy.forums.gravityhelp.com/ <p>the z-index is off but that should be a quick fix. not really necessary in this case though. Thanks! </p> https://legacy.forums.gravityhelp.com/topic/custom-hover-submit-button-image#post-68400 Sun, 29 Jul 2012 01:43:47 +0000 Chris Hajer 68400@https://legacy.forums.gravityhelp.com/ <p>What about that makes it temporary? The :hover pseudo-class is the correct way to do it.</p> <p><a href="http://css-tricks.com/pseudo-class-selectors/" rel="nofollow">http://css-tricks.com/pseudo-class-selectors/</a> </p> https://legacy.forums.gravityhelp.com/topic/custom-hover-submit-button-image#post-68286 Fri, 27 Jul 2012 16:42:29 +0000 ciznerguy 68286@https://legacy.forums.gravityhelp.com/ <p>Well I kind of figured it out. Here's my temporary solution.</p> <pre><code>body #gform_wrapper_1 .gform_footer input[type=image] { padding: 0; width: auto !important; background: url(http://www.dubaishippinghelp.com/wp-content/uploads/2012/07/SubmitButton3.png) center top no-repeat !important; height: 84px !important; width: 179px !important; border: none !important } body #gform_wrapper_1 .gform_footer:hover input[type=image] { padding: 0; width: auto !important; height: 84px !important; width: 179px !important; background: url(http://www.dubaishippinghelp.com/wp-content/uploads/2012/07/SubmitButton5.png) center top no-repeat !important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/custom-hover-submit-button-image#post-68265 Fri, 27 Jul 2012 15:24:45 +0000 ciznerguy 68265@https://legacy.forums.gravityhelp.com/ <p>I am trying to add a custom hover effect for my submit button. Its easy to add the submit image but how do I go about adding another image for a hover effect? Thanks </p>