cmccrone
Member
I have read all the HOVER BUTTON posts and havent got it down yet
The problem is that the hover image seems to be showing up under the button on hover.
My site: http://goo.gl/lTquX
.gform_wrapper .gform_footer input[type="image"]:hover {
background: url('/wp-content/uploads/2013/01/quote-next-button-hover.png')!important;
}Also I havent heard back on this other thread for sometime (im excited to get it working) : http://www.gravityhelp.com/forums/topic/one-form-to-another
Thank you all :)
chino
Member
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.
cmccrone
Member
I think i understand but didnt get it right..
Do I put the image source "" in the form editor? so it doesnt insert an image?
And then the CSS creates the regular and hover?
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
cmccrone
Member
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.
Thanks Chino
Glad you were able to figure it out. All my best!
