https://legacy.forums.gravityhelp.com/topic/submit-button-image-is-huge Gravity Support Forums Topic: Submit Button Image is huge en-US Mon, 20 Apr 2026 06:49:29 +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-is-huge#post-34415 Sun, 04 Sep 2011 11:34:28 +0000 Kevin Flahaut 34415@https://legacy.forums.gravityhelp.com/ <p>You can probably just add a couple of other properties to the rule I gave you before. I know some themes like Thesis add padding and borders too that get inherited by the image buttons.</p> <pre><code>[css] body .gform_wrapper .gform_footer input[type=submit], body .gform_wrapper .gform_footer input[type=image] { width: auto; cursor: pointer; padding: 0; border: none }</code></pre> https://legacy.forums.gravityhelp.com/topic/submit-button-image-is-huge#post-34410 Sun, 04 Sep 2011 05:53:32 +0000 made-connection 34410@https://legacy.forums.gravityhelp.com/ <p>ok, now its working ok... it just put a box around it though... i can sort that out tho...<br /> many thanks </p> https://legacy.forums.gravityhelp.com/topic/submit-button-image-is-huge#post-34381 Sat, 03 Sep 2011 23:42:18 +0000 made-connection 34381@https://legacy.forums.gravityhelp.com/ <p>Thanks Kevin for getting back to me as this is a theme issue. However i tried adding the code and i still get a large button. Please can you take a look here: <a href="http://made-connection.com/" rel="nofollow">http://made-connection.com/</a> </p> https://legacy.forums.gravityhelp.com/topic/submit-button-image-is-huge#post-34332 Sat, 03 Sep 2011 08:35:58 +0000 Kevin Flahaut 34332@https://legacy.forums.gravityhelp.com/ <p>Line 62 of your theme stylesheet sets a blanket 50% width on all inputs.</p> <pre><code>[css] input { width: 50%; }</code></pre> <p>That's sloppy CSS work. Inputs aren't all created equal so they shouldn't all be defined the same. When you add a custom image, it is still technically an input element ( input type='image' ) so it's going to inherit from that rule.</p> <p>You can add this to the end of your theme stylesheet and it should override the previous rule. I also threw in the cursor property because something was overriding that as well.</p> <pre><code>[css] body .gform_wrapper .gform_footer input[type=submit], body .gform_wrapper .gform_footer input[type=image] { width:auto; cursor: pointer }</code></pre> <p>screenshot: <a href="http://bit.ly/nIsFBj" rel="nofollow">http://bit.ly/nIsFBj</a> </p> https://legacy.forums.gravityhelp.com/topic/submit-button-image-is-huge#post-34331 Sat, 03 Sep 2011 05:34:48 +0000 made-connection 34331@https://legacy.forums.gravityhelp.com/ <p>I'm using a graphic button i made. It like 25px by 50 so quite small. However the submit button is huge on my site probably 150 x 300. I have disabled it for the moment because its ugly.<br /> Please can you let me know what the problem is. page in questions: <a href="http://made-connection.com/" rel="nofollow">http://made-connection.com/</a><br /> its the grey button that looks boring on the right hand column.<br /> Thanks. </p>