https://legacy.forums.gravityhelp.com/topic/submit-button-image-smushed Gravity Support Forums Topic: Submit Button Image Smushed en-US Sun, 19 Apr 2026 23:25:33 +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-smushed#post-20492 Mon, 14 Mar 2011 01:00:06 +0000 pbjeffrey 20492@https://legacy.forums.gravityhelp.com/ <p>You are awesome. Thank you so much! </p> https://legacy.forums.gravityhelp.com/topic/submit-button-image-smushed#post-20491 Mon, 14 Mar 2011 00:58:00 +0000 Kevin Flahaut 20491@https://legacy.forums.gravityhelp.com/ <p>Yep, line 81 of your theme's style.css file sets a height of 14 pixels to all inputs. Since your button image is still technically an input, it's being forced to that height. That said, here's how you override the inheritance. Put this rule at the end of your style.css file.</p> <pre><code>body .gform_wrapper .gform_footer input[type=image] { border: none; padding: 0; height: auto; width: auto; }</code></pre> <p>test screenshot: <a href="http://grab.by/9ssG" rel="nofollow">http://grab.by/9ssG</a></p> <p>You'll notice that I added a couple of other things to remove the border on the input and extra padding so everything lines up correctly.</p> <p>Let us know if you need anything else. </p> https://legacy.forums.gravityhelp.com/topic/submit-button-image-smushed#post-20490 Sun, 13 Mar 2011 23:58:41 +0000 pbjeffrey 20490@https://legacy.forums.gravityhelp.com/ <p>Hello. The reference page is: <a href="http://writtenmagic.ca/wordpress-themed-websites-2/" rel="nofollow">http://writtenmagic.ca/wordpress-themed-websites-2/</a> where I'm finding that the image I use for the submit button is looking a little too small. When I use a text button instead, it is cut in half. </p> <p>I tried to search the forums and found <a href="http://www.gravityhelp.com/forums/topic/submit-button-picture-is-enlarged" rel="nofollow">http://www.gravityhelp.com/forums/topic/submit-button-picture-is-enlarged</a> which I think is likely a similar issue, just the opposite. I recently switched to a new theme, so it doesn't surprise me that it's likely the CSS messing it up. I tried adding that code to the bottom of my CSS Stylesheet, and included the !important, but it doesn't seem to make a difference, so I am wondering if there's something I'm missing here.</p> <p>I am, admittedly, a CSS amateur and this is beyond my scope. Thanks for taking the time to help. :) </p>