https://legacy.forums.gravityhelp.com/topic/submit-button-custom-image-moves-on-click Gravity Support Forums Topic: Submit button custom image moves on click en-US Sat, 04 Apr 2026 13:45:02 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/submit-button-custom-image-moves-on-click#post-15768 Sun, 09 Jan 2011 22:13:07 +0000 Kevin Flahaut 15768@https://legacy.forums.gravityhelp.com/ <p>The image button works fine in the default theme and nobody else has reported a similar issue to date.</p> <p>I looks like you've still got some wacky CSS going on for the validation errors as well as some of the sizing. That's probably still the cause of your issue.</p> <p>screenshot: <a href="http://grab.by/8hPi" rel="nofollow">http://grab.by/8hPi</a></p> <p>It's difficult to inspect via the browser's developer tools and find out what's going on. The movement happens when the button is in the active state, so the inspectors don't really show me what's happening there.</p> <p>I do know that it's specific to your theme. I'm unable to recreate the issue.</p> <p><a href="http://screencast.com/t/RLhieKhf" rel="nofollow">http://screencast.com/t/RLhieKhf</a> </p> https://legacy.forums.gravityhelp.com/topic/submit-button-custom-image-moves-on-click#post-15758 Sun, 09 Jan 2011 20:59:54 +0000 Kevin Geary 15758@https://legacy.forums.gravityhelp.com/ <p>Button still moves. </p> https://legacy.forums.gravityhelp.com/topic/submit-button-custom-image-moves-on-click#post-15494 Wed, 05 Jan 2011 13:38:25 +0000 Carl Hancock 15494@https://legacy.forums.gravityhelp.com/ <p>You would have to add custom CSS to your themes stylesheet to style the form. You would do so by targeting the CSS classes used by the form.</p> <p>Here is information on how to target the classes used when validation is triggered:</p> <p><a href="http://www.gravityhelp.com/documentation/css-targeting-samples/#validation" rel="nofollow">http://www.gravityhelp.com/documentation/css-targeting-samples/#validation</a></p> <p>You would have to adjust the styling so it fits within your fixed height/width box. Adjusting things like padding, margin, etc. </p> https://legacy.forums.gravityhelp.com/topic/submit-button-custom-image-moves-on-click#post-15492 Wed, 05 Jan 2011 13:34:44 +0000 Kevin Flahaut 15492@https://legacy.forums.gravityhelp.com/ <p>the overflow is set on the #contentbox div on line 294 of your default.css file. That's what's clipping the form when the validation errors are triggered.</p> <p>Part of your problem is that you've defined the #gform_wrapper_6 div as 250px wide, but then defined the list container inside it as 440px wide on line 27 of your default.css file. If you set that to 250px as well, you'll see that it fits horizontally.</p> <p>Also, instead of setting the height value on the #gform_wrapper_6, you should probably go with a min-height property so when the validation errors are shown, the container resizes appropriately vertically to show all of the content.</p> <p>I really have no idea what's going on with the image button moving. I'm pretty sure it has something to do with width/padding discrepancies in the CSS rules somewhere. If you begin to clean that stuff up, it may fix itself, I'm not totally sure.</p> <p>You should find this helpful too. It has examples of how to properly target form elements to apply new CSS rules.</p> <p><a href="http://www.rocketgenius.com/gravity-forms-css-targeting-specific-elements/" rel="nofollow">http://www.rocketgenius.com/gravity-forms-css-targeting-specific-elements/</a> </p> https://legacy.forums.gravityhelp.com/topic/submit-button-custom-image-moves-on-click#post-15480 Wed, 05 Jan 2011 12:10:39 +0000 Kevin Geary 15480@https://legacy.forums.gravityhelp.com/ <p>How do I style the validation and/or remove the overflow?</p> <p>Also...the button still moves...do you know why? </p> https://legacy.forums.gravityhelp.com/topic/submit-button-custom-image-moves-on-click#post-15003 Sun, 26 Dec 2010 15:50:30 +0000 Kevin Flahaut 15003@https://legacy.forums.gravityhelp.com/ <p>You've still got bigger problems than that. If the validation fails, the fields are pushed to the side and the submit button is cropped out of the viewable area and can't be accessed.</p> <p>screenshot: <a href="http://grab.by/84Hh" rel="nofollow">http://grab.by/84Hh</a></p> <p>You'll either need to change the validation error styling, or remove the hidden overflow properties from the form container.</p> <p>Also, just FYI, the "snow" script on your page is killing my browsers.. It's choked both Firefox &amp; Safari. It's festive, but not that great if I'm trying to browse your site. </p> https://legacy.forums.gravityhelp.com/topic/submit-button-custom-image-moves-on-click#post-14995 Sun, 26 Dec 2010 01:03:59 +0000 Kevin Geary 14995@https://legacy.forums.gravityhelp.com/ <p>My image button "count me in" on this page moves on click...can't figure out why...</p> <p><a href="http://kickboxing.karate-usa.com" rel="nofollow">http://kickboxing.karate-usa.com</a></p> <p>Once this issue is fixed I'm done with that page/form. It's the last problem I've encountered I can't figure out. </p>