https://legacy.forums.gravityhelp.com/topic/button-changes-color-when-cursor-is-hovering-over-footer Gravity Support Forums Topic: Button changes color when cursor is hovering over footer? en-US Thu, 23 Apr 2026 05:02:26 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/button-changes-color-when-cursor-is-hovering-over-footer#post-275799 Sat, 25 May 2013 08:16:57 +0000 Richard Vav 275799@https://legacy.forums.gravityhelp.com/ <p>You're welcome </p> https://legacy.forums.gravityhelp.com/topic/button-changes-color-when-cursor-is-hovering-over-footer#post-275788 Sat, 25 May 2013 08:08:26 +0000 ChrisYates 275788@https://legacy.forums.gravityhelp.com/ <p>Brilliant...I would never have guessed that, thanks. </p> https://legacy.forums.gravityhelp.com/topic/button-changes-color-when-cursor-is-hovering-over-footer#post-275776 Sat, 25 May 2013 08:04:43 +0000 Richard Vav 275776@https://legacy.forums.gravityhelp.com/ <p>You need to move the hover state to the end of the selector like so<br /> <pre><code>body #gform_wrapper_1 .gform_footer input[type=submit]:hover {</code></pre> https://legacy.forums.gravityhelp.com/topic/button-changes-color-when-cursor-is-hovering-over-footer#post-275744 Sat, 25 May 2013 07:49:59 +0000 ChrisYates 275744@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I'm trying to add a hover state on a button. The button changes color but instead of the button changing color when the cursor is on the button by itself, the button changes color anytime that the cursor is in the footer?</p> <p>The CSS I'm using is this:<br /> body #gform_wrapper_1 .gform_footer input[type=submit]<br /> {border: 2px solid white;<br /> background-color:black;<br /> color:white;<br /> height:35px;<br /> width:150px;<br /> margin-left:389px;<br /> border-radius: 10px;<br /> }<br /> body #gform_wrapper_1 .gform_footer:hover input[type=submit] {<br /> color:white;<br /> background-color:gray;<br /> } </p>