https://legacy.forums.gravityhelp.com/topic/cant-target-submit-button-image Gravity Support Forums Topic: Can't target Submit Button Image. en-US Sun, 05 Apr 2026 11:47:07 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/cant-target-submit-button-image#post-33297 Tue, 23 Aug 2011 10:31:23 +0000 Kevin Flahaut 33297@https://legacy.forums.gravityhelp.com/ <p>Glad I could help. </p> https://legacy.forums.gravityhelp.com/topic/cant-target-submit-button-image#post-33296 Tue, 23 Aug 2011 10:26:30 +0000 kinzlayer 33296@https://legacy.forums.gravityhelp.com/ <p>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. </p> https://legacy.forums.gravityhelp.com/topic/cant-target-submit-button-image#post-33291 Tue, 23 Aug 2011 10:10:42 +0000 Kevin Flahaut 33291@https://legacy.forums.gravityhelp.com/ <p>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.</p> <p>screenshot: <a href="http://i.imgur.com/F1yQQ.png" rel="nofollow">http://i.imgur.com/F1yQQ.png</a></p> <p>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.</p> <p>screenshot: <a href="http://i.imgur.com/6TJxn.png" rel="nofollow">http://i.imgur.com/6TJxn.png</a> </p> https://legacy.forums.gravityhelp.com/topic/cant-target-submit-button-image#post-33290 Tue, 23 Aug 2011 09:45:07 +0000 kinzlayer 33290@https://legacy.forums.gravityhelp.com/ <p>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:<br /> <pre><code>[css] body #gform_wrapper_1 .gform_footer input[type=image] {background-image: url(&#39;http://cleanworksonline.adzsync.com/wp-content/uploads/2011/08/coupon-button.png&#39;);}</code></pre> <p>But it doesn't change anything. Url for this form is:<br /> <a href="http://cleanworksonline.adzsync.com/" rel="nofollow">http://cleanworksonline.adzsync.com/</a></p> <p>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.</p> <p>Thanks in advance for all the help. </p>