https://legacy.forums.gravityhelp.com/topic/hover-image-submit-button Gravity Support Forums Topic: Hover image (Submit Button) en-US Fri, 03 Apr 2026 18:48:48 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/hover-image-submit-button#post-134254 Mon, 28 Jan 2013 17:38:47 +0000 David Peralty 134254@https://legacy.forums.gravityhelp.com/ <p>Glad you were able to figure it out. All my best! </p> https://legacy.forums.gravityhelp.com/topic/hover-image-submit-button#post-134149 Mon, 28 Jan 2013 14:22:35 +0000 cmccrone 134149@https://legacy.forums.gravityhelp.com/ <p>I got it to work. The only way that didnt cause issues was to create a 100% transparent image with the same dimensions and make that the actually image for the button in the form settings. Then use CSS to show the new button and hover button.</p> <p>Thanks Chino </p> https://legacy.forums.gravityhelp.com/topic/hover-image-submit-button#post-131729 Fri, 25 Jan 2013 20:40:52 +0000 cmccrone 131729@https://legacy.forums.gravityhelp.com/ <p>I think i understand but didnt get it right..</p> <p>Do I put the image source "" in the form editor? so it doesnt insert an image?</p> <p>And then the CSS creates the regular and hover?</p> <p>I did that. It worked. But there was a thin line box around the image and it said SUBMIT as well as displaying my css image </p> https://legacy.forums.gravityhelp.com/topic/hover-image-submit-button#post-131692 Fri, 25 Jan 2013 19:40:21 +0000 chino 131692@https://legacy.forums.gravityhelp.com/ <p>.gform_footer input[type="image"] {<br /> *add in code for image non-hover state*<br /> }</p> <p>.gform_footer input[type="image"]:hover {<br /> *add in code for image hover state*<br /> } </p> https://legacy.forums.gravityhelp.com/topic/hover-image-submit-button#post-131690 Fri, 25 Jan 2013 19:38:17 +0000 chino 131690@https://legacy.forums.gravityhelp.com/ <p>that's because you have the images src IN the input tag, your css will not change that. change the src="/wp-content/uploads/2013/01/quote-next-button.png" to just src="". then apply the NON-hover image in the css then you can modify it on hover. </p> https://legacy.forums.gravityhelp.com/topic/hover-image-submit-button#post-131677 Fri, 25 Jan 2013 19:05:27 +0000 cmccrone 131677@https://legacy.forums.gravityhelp.com/ <p>I have read all the HOVER BUTTON posts and havent got it down yet</p> <p>The problem is that the hover image seems to be showing up under the button on hover.<br /> My site: <a href="http://goo.gl/lTquX" rel="nofollow">http://goo.gl/lTquX</a><br /> <pre><code>.gform_wrapper .gform_footer input[type=&quot;image&quot;]:hover { background: url(&#39;/wp-content/uploads/2013/01/quote-next-button-hover.png&#39;)!important; }</code></pre> <p>Also I havent heard back on this other thread for sometime (im excited to get it working) : <a href="http://www.gravityhelp.com/forums/topic/one-form-to-another" rel="nofollow">http://www.gravityhelp.com/forums/topic/one-form-to-another</a></p> <p>Thank you all :) </p>