https://legacy.forums.gravityhelp.com/topic/submit-button-styling-not-working-on-one-form Gravity Support Forums Topic: Submit Button Styling not working on one form en-US Wed, 22 Apr 2026 09:53:51 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/submit-button-styling-not-working-on-one-form#post-65859 Wed, 11 Jul 2012 22:35:13 +0000 Rob Harrell 65859@https://legacy.forums.gravityhelp.com/ <p>You have a minor typo on your hover selector, you are missing one. Also in your first selector you are missing a space in between .gform_footer and input. Compare mine to yours and try this:</p> <pre><code>[css] #gform_wrapper_7 .gform_footer input.button, #gform_wrapper_7 .gform_footer input[type=&quot;submit&quot;] { background: transparent url(images/single_sign_up.png) 0px 0px no-repeat; border: none; height: 103px; width: 103px; text-indent: -99999px; } #gform_wrapper_7 .gform_footer input.button:hover, #gform_wrapper_7 .gform_footer input[type=&quot;submit&quot;]:hover { background-position: 0px -103px; }</code></pre> https://legacy.forums.gravityhelp.com/topic/submit-button-styling-not-working-on-one-form#post-65848 Wed, 11 Jul 2012 20:11:11 +0000 gforster 65848@https://legacy.forums.gravityhelp.com/ <p>OK, I got all of the placement and such worked out - one problem left: What should be showing for the :hover is now showing as default and when hovering, nothing happens. Here's my CSS for the relevant sections.<br /> <pre><code>[css] #gform_wrapper_7 .gform_footer input.button, #gform_wrapper_7 .gform_footerinput[type=&quot;submit&quot;] { background: transparent url(images/single_sign_up.png) 0px 0px no-repeat; border: none; height: 103px; width: 103px; text-indent: -99999px; } #gform_wrapper_7 .gform_footer input.button, #gform_wrapper_7 .gform_footer input[type=&quot;submit&quot;]:hover { background-position: 0px -103px; }</code></pre> https://legacy.forums.gravityhelp.com/topic/submit-button-styling-not-working-on-one-form#post-65839 Wed, 11 Jul 2012 17:59:06 +0000 gforster 65839@https://legacy.forums.gravityhelp.com/ <p>I have made the jQuery adjustments. Any dice on the styling issue? </p> https://legacy.forums.gravityhelp.com/topic/submit-button-styling-not-working-on-one-form#post-65794 Wed, 11 Jul 2012 12:41:24 +0000 David Peralty 65794@https://legacy.forums.gravityhelp.com/ <p>One issue I see is that you have JQuery embedded twice in your site code, once in your footer and once in your header, and it should only be in their once. Also, you have JavaScript that uses JQuery before JQuery is embedded. You should probably change those things around. </p> <pre><code>&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js&quot;&gt;&lt;/script&gt;</code></pre> <p>As for your styling issue, I'm not really sure on that part yet. </p> https://legacy.forums.gravityhelp.com/topic/submit-button-styling-not-working-on-one-form#post-65762 Wed, 11 Jul 2012 10:33:53 +0000 gforster 65762@https://legacy.forums.gravityhelp.com/ <p>I have multiple optin forms that are working correctly at alisonlumbatis.com</p> <p>However, the one at the bottom of <a href="http://alisonlumbatis.com/team-expressionista" rel="nofollow">http://alisonlumbatis.com/team-expressionista</a> is not behaving like the others. </p> <p>I would like the submit button to the right of the other fields and it should change color when hovered over (image is a sprite). It should look the same as the one at the bottom of <a href="http://alisonlumbatis.com/archives/180" rel="nofollow">http://alisonlumbatis.com/archives/180</a> </p>