Can't target Submit Button Image. « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

kinzlayer
Member
Trying to change the "Submit" button to a custom image on a specific form. The CSS I'm using to target the submit button on the one form is:
```
[css]
body #gform_wrapper_1 .gform_footer input[type=image] {background-image: url('http://cleanworksonline.adzsync.com/wp-content/uploads/2011/08/coupon-button.png');}
```
But it doesn't change anything. Url for this form is:
http://cleanworksonline.adzsync.com/

The form ID is 1 and all other specific CSS edits are working great. I'm also using woothemes canvas theme with a custom stylesheet that loads last. The custom stylesheet is where I am adding the CSS edits so it shouldn't be a Theme conflict.

Thanks in advance for all the help.
Posted 12 years ago on Tuesday August 23, 2011 | Permalink
Kevin Flahaut
Administrator

Your form doesn't have an "image" input type, that's why your CSS isn't being applied. Also, why would you set a background image on a button that's already an image. I think you're going about this all wrong here.

screenshot: http://i.imgur.com/F1yQQ.png

You can set the submit button to use your custom image via the form builder. Just put your image path in there, save your form and you're good to go.

screenshot: http://i.imgur.com/6TJxn.png

Posted 12 years ago on Tuesday August 23, 2011 | Permalink
kinzlayer
Member

You're the man! I get so involved with the CSS edits for your forms that I forget the real simple stuff. Thanks for the fast reply Kevin! Have a good one.

Posted 12 years ago on Tuesday August 23, 2011 | Permalink
Kevin Flahaut
Administrator

Glad I could help.

Posted 12 years ago on Tuesday August 23, 2011 | Permalink

This topic has been resolved and has been closed to new replies.