https://legacy.forums.gravityhelp.com/topic/submit-button-image Gravity Support Forums Topic: submit button image ...... en-US Mon, 20 Apr 2026 00:42:38 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/submit-button-image#post-31925 Sat, 06 Aug 2011 15:24:12 +0000 Kevin Flahaut 31925@https://legacy.forums.gravityhelp.com/ <p>I would have guessed Thesis because I've seen this many times.</p> <p>The reason you don't see a border when you add the image elsewhere is that you're not using the image as an input type. You're probably just adding the image with the normal src tag. When you apply the image as the form button, it gets added as <strong>input type="image" src="blahblah.png"</strong> Once it's defined as in input, it inherits styles intended for inputs. </p> <p>Glad you figured it all out. You're the man! </p> https://legacy.forums.gravityhelp.com/topic/submit-button-image#post-31911 Sat, 06 Aug 2011 11:47:29 +0000 SEO Scott 31911@https://legacy.forums.gravityhelp.com/ <p>Kevin,</p> <p>It appears I answered my own question. ;)<br /> The padding was affected by the background of the button element itself, so I just added this to the code you provided:<br /> ------------------------<br /> body .gform_wrapper .gform_footer input[type=image] {<br /> border:none;<br /> background-color: #FFFFFF;}<br /> ------------------------<br /> And voila, it is removed, or the same color as my background I should say.</p> <p>Thanks again Kevin!<br /> Scott </p> https://legacy.forums.gravityhelp.com/topic/submit-button-image#post-31910 Sat, 06 Aug 2011 11:16:48 +0000 SEO Scott 31910@https://legacy.forums.gravityhelp.com/ <p>Hi Kevin,</p> <p>I'm using the Thesis theme on <a href="http://www.online-uncontested-divorce.com/sign-up/" rel="nofollow">THIS</a> particular site. If I insert the button image anywhere else I get no border. It's only when I insert the image through the form editor this happens.</p> <p>I inserted the css code into my custom css in thesis, and it did remove the black border, but there is still a border that looks kind of like a padding color or something. Here's the code I put in from you:<br /> ----------------------------<br /> body .gform_wrapper .gform_footer input[type=image] {<br /> border:none;}<br /> ----------------------------<br /> Thanks again Kevin!</p> <p>Scott </p> https://legacy.forums.gravityhelp.com/topic/submit-button-image#post-31891 Fri, 05 Aug 2011 20:30:03 +0000 Kevin Flahaut 31891@https://legacy.forums.gravityhelp.com/ <p>Gravity Forms isn't adding your border. It's coming from your theme. Most likely the theme has applied a blanket border property to all inputs. Since the image button is technically an input, it's going to inherit from this rule. Since you didn't post a URL to your form I can't tell you with 100% surety, but I'd bet money thats the case.</p> <p>You can add this to your theme stylesheet and it should override the border property.</p> <pre><code>[css] body .gform_wrapper .gform_footer input[type=image] {border:none!important}</code></pre> https://legacy.forums.gravityhelp.com/topic/submit-button-image#post-31888 Fri, 05 Aug 2011 18:34:11 +0000 SEO Scott 31888@https://legacy.forums.gravityhelp.com/ <p>Hello,</p> <p>I just bought the developer version and am starting to dive in now. I apologize for some dumb questions in advance. I made a nice button with a drop shadow that I want to use for (instead of) my submit button, which is an option for each form.</p> <p>It seems that GF puts a border around any image I try to use which defeats me trying to use a button with a drop shadow of course. Is there an easy way to stop this behavior?</p> <p>Regards<br /> SEO Scott </p>