https://legacy.forums.gravityhelp.com/topic/submit-button Gravity Support Forums Topic: Submit Button en-US Wed, 22 Apr 2026 16:05:08 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/submit-button#post-48276 Fri, 03 Feb 2012 13:08:04 +0000 Rob Harrell 48276@https://legacy.forums.gravityhelp.com/ <p>No problem - glad to help out! </p> https://legacy.forums.gravityhelp.com/topic/submit-button#post-48275 Fri, 03 Feb 2012 12:42:30 +0000 R Chilton 48275@https://legacy.forums.gravityhelp.com/ <p>Makes sense. Worked perfectly! New to gravity forms so learning my way around.</p> <p>Thanks for the help, and thanks for responding so quickly. </p> https://legacy.forums.gravityhelp.com/topic/submit-button#post-48273 Fri, 03 Feb 2012 12:36:52 +0000 Rob Harrell 48273@https://legacy.forums.gravityhelp.com/ <p>Update your style.css with this replacement block:</p> <pre><code>[css] .gform_image_button { margin-left: 50px; margin-top: -20px; height: auto; }</code></pre> <p>In your style.css you have a generic input rule that is setting a height on all inputs, so the submit button is an input so we want it's height to be auto instead of the 24px of the input element style. </p> https://legacy.forums.gravityhelp.com/topic/submit-button#post-48270 Fri, 03 Feb 2012 12:32:15 +0000 R Chilton 48270@https://legacy.forums.gravityhelp.com/ <p>Here it is<br /> <a href="http://whistlerworks.com/clients/langston/site/" rel="nofollow">http://whistlerworks.com/clients/langston/site/</a></p> <p>Bottom left on the newsletter signup.</p> <p>Thanks </p> https://legacy.forums.gravityhelp.com/topic/submit-button#post-48269 Fri, 03 Feb 2012 12:31:03 +0000 Rob Harrell 48269@https://legacy.forums.gravityhelp.com/ <p>Can you hook me up with a link to your form so I can check it out? </p> https://legacy.forums.gravityhelp.com/topic/submit-button#post-48264 Fri, 03 Feb 2012 12:17:08 +0000 R Chilton 48264@https://legacy.forums.gravityhelp.com/ <p>That works perfectly - one other question. So I deleted the previous css, used the "forms settings advanced" and entered the image url. I tried applying a custom css class within the form settings and then adding it to my styles.css however it seems to style the entire form. I want to target the submit image specifically. I was able to us<br /> .gform_image_button<br /> to target the position of the button<br /> the only thing left is the background image that I used in my image url is appearing smaller than the original. Tried using some css in some places but can not seem to get the original size of the image.</p> <p>thank for the help. </p> https://legacy.forums.gravityhelp.com/topic/submit-button#post-48262 Fri, 03 Feb 2012 11:55:40 +0000 Rob Harrell 48262@https://legacy.forums.gravityhelp.com/ <p>If you are using an image you can always just place the image path in the Form Settings area:</p> <p><a href="http://www.gravityhelp.com/documentation/page/File:Form-settings-advanced.png" rel="nofollow">http://www.gravityhelp.com/documentation/page/File:Form-settings-advanced.png</a></p> <p>Otherwise, if you want to retain it in CSS, you'll need to probably do a text-indent: -9999px; to make the text go away. </p> https://legacy.forums.gravityhelp.com/topic/submit-button#post-48259 Fri, 03 Feb 2012 11:42:36 +0000 R Chilton 48259@https://legacy.forums.gravityhelp.com/ <p>I would like to use my own image for the "submit button" The image shows up but I am not sure how to remove the "submit" text. The code I have used so far is:</p> <p>.gform_wrapper .gform_footer .gform_button {<br /> background: url("images/submitbutton.png") no-repeat !important;<br /> border-style:none !important;<br /> }</p> <p>This gives me the look I am after but you can see the text submit small in the background.</p> <p>Thanks </p>