https://legacy.forums.gravityhelp.com/topic/hover-effect-for-next-and-back-buttons Gravity Support Forums Topic: Hover Effect for Next and Back buttons en-US Sun, 19 Apr 2026 18:29:20 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/hover-effect-for-next-and-back-buttons#post-106943 Mon, 24 Dec 2012 06:12:38 +0000 Chris Hajer 106943@https://legacy.forums.gravityhelp.com/ <p>You're welcome. </p> https://legacy.forums.gravityhelp.com/topic/hover-effect-for-next-and-back-buttons#post-106537 Sun, 23 Dec 2012 16:57:15 +0000 clueno1 106537@https://legacy.forums.gravityhelp.com/ <p>Thank you. I found the similar question and source here. Thank you </p> https://legacy.forums.gravityhelp.com/topic/hover-effect-for-next-and-back-buttons#post-105500 Fri, 21 Dec 2012 18:01:30 +0000 Chris Hajer 105500@https://legacy.forums.gravityhelp.com/ <p>@clueno1, what are you trying to do? Sounds like you need to add your CSS to your theme's stylesheet, but I'm not sure exactly what you're asking. </p> https://legacy.forums.gravityhelp.com/topic/hover-effect-for-next-and-back-buttons#post-105323 Fri, 21 Dec 2012 07:02:26 +0000 clueno1 105323@https://legacy.forums.gravityhelp.com/ <p>how can i add the id to .gform_image_button. Where should i put this line?<br /> id='gform_next_button_1_1' </p> https://legacy.forums.gravityhelp.com/topic/hover-effect-for-next-and-back-buttons#post-83721 Thu, 25 Oct 2012 13:29:42 +0000 Chris Hajer 83721@https://legacy.forums.gravityhelp.com/ <p>Is the issue that because we are using .gform_image_button it will apply to both previous and next buttons equally? You could target the buttons by ID but that would be cumbersome if you have a lot of forms. Each form element will have a unique ID:</p> <pre><code>id=&#39;gform_next_button_1_1&#39; id=&#39;gform_previous_button_1_13&#39; id=&#39;gform_previous_button_1&#39;</code></pre> <p>Rather than the .gform_image_button class, you could use the IDs specifically. </p> https://legacy.forums.gravityhelp.com/topic/hover-effect-for-next-and-back-buttons#post-83718 Thu, 25 Oct 2012 13:26:00 +0000 ciznerguy 83718@https://legacy.forums.gravityhelp.com/ <p>actually doesn't quite work since It cant be applied to the back button. I"m sure I can find a half-assed way of fixing it but I wanted to specifically target the back and next buttons </p> https://legacy.forums.gravityhelp.com/topic/hover-effect-for-next-and-back-buttons#post-83717 Thu, 25 Oct 2012 13:24:21 +0000 ciznerguy 83717@https://legacy.forums.gravityhelp.com/ <p>Excellent Chris. Thank you. </p> https://legacy.forums.gravityhelp.com/topic/hover-effect-for-next-and-back-buttons#post-83712 Thu, 25 Oct 2012 13:15:51 +0000 Chris Hajer 83712@https://legacy.forums.gravityhelp.com/ <p>Please try changing line 10 to this:</p> <pre><code>[css] body .gform_wrapper .gform_body .gform_page_footer .gform_image_button:hover{</code></pre> <p>That worked for me to show the yellow button on hover. </p> https://legacy.forums.gravityhelp.com/topic/hover-effect-for-next-and-back-buttons#post-83699 Thu, 25 Oct 2012 12:27:02 +0000 ciznerguy 83699@https://legacy.forums.gravityhelp.com/ <p>has anyone accomplished a hover effect on the next and back buttons? (multi-stage form) </p> https://legacy.forums.gravityhelp.com/topic/hover-effect-for-next-and-back-buttons#post-82972 Tue, 23 Oct 2012 13:48:58 +0000 ciznerguy 82972@https://legacy.forums.gravityhelp.com/ <p><a href="http://www.ezcanadamoving.com/get-free-quote/" rel="nofollow">http://www.ezcanadamoving.com/get-free-quote/</a></p> <p>Thank you. </p>