https://legacy.forums.gravityhelp.com/topic/next-previous-buttons-not-picking-up-style-css Gravity Support Forums Topic: Next / Previous buttons not picking up style (CSS) en-US Mon, 20 Apr 2026 06:20:59 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/next-previous-buttons-not-picking-up-style-css#post-50685 Mon, 27 Feb 2012 12:43:39 +0000 Rob Harrell 50685@https://legacy.forums.gravityhelp.com/ <p>Right on, right on! Glad to help. </p> https://legacy.forums.gravityhelp.com/topic/next-previous-buttons-not-picking-up-style-css#post-50683 Mon, 27 Feb 2012 12:30:11 +0000 teajayo 50683@https://legacy.forums.gravityhelp.com/ <p>Thanks Rob. U DA MAN! </p> https://legacy.forums.gravityhelp.com/topic/next-previous-buttons-not-picking-up-style-css#post-50679 Mon, 27 Feb 2012 12:19:17 +0000 Rob Harrell 50679@https://legacy.forums.gravityhelp.com/ <p>Try this:</p> <pre><code>[css] .gform_next_button:hover, .gform_previous_button:hover {background:#852c3b !important;}</code></pre> https://legacy.forums.gravityhelp.com/topic/next-previous-buttons-not-picking-up-style-css#post-50671 Mon, 27 Feb 2012 11:58:43 +0000 teajayo 50671@https://legacy.forums.gravityhelp.com/ <p>Hi Rob....</p> <p>I tired that and the color is correct but not doing the border radius or the hover ?? I added this to style.css</p> <p>.gform_next_button, .gform_previous_button {<br /> height: 30px;<br /> padding: 0 15px !important;<br /> background: black !important;<br /> color: white !important;<br /> cursor: pointer;<br /> overflow: visible;<br /> border: 0;<br /> -webkit-border-radius: 5px;<br /> -moz-border-radius: 5px;<br /> border-radius: 5px;<br /> margin-top: 10px !important;}<br /> .gform_next_button, .gform_previous_button :hover {background:#852c3b;}</p> <p><a href="http://www.sullivanglass.com/auto-glass-repair-installation-quote" rel="nofollow">http://www.sullivanglass.com/auto-glass-repair-installation-quote</a> </p> https://legacy.forums.gravityhelp.com/topic/next-previous-buttons-not-picking-up-style-css#post-50668 Mon, 27 Feb 2012 11:49:57 +0000 Rob Harrell 50668@https://legacy.forums.gravityhelp.com/ <p>Tom - this is what is causing it, you have this selector here:</p> <pre><code>[css] .post form input { width: auto; border: 1px solid #CCC; border-radius: 3px 3px 3px 3px; color: #222; padding: 3px 6px 4px; background: #F9F9F9; }</code></pre> <p>Try placing this into your theme's css (we'll override that with this):</p> <pre><code>[css] .gform_next_button, .gform_previous_button { height: 30px; padding: 0 15px !important; background: black !important; color: white !important; cursor: pointer; overflow: visible; border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 10px !important; }</code></pre> <p>Also, you'll def want to not update the plugin's css file for updating purposes, so you don't lose your customizations. </p> https://legacy.forums.gravityhelp.com/topic/next-previous-buttons-not-picking-up-style-css#post-50663 Mon, 27 Feb 2012 11:30:49 +0000 teajayo 50663@https://legacy.forums.gravityhelp.com/ <p>HI. Something's up with the CSS for the buttons conflicting with the input fields here&gt;<br /> <a href="http://www.sullivanglass.com/auto-glass-repair-installation-quote" rel="nofollow">http://www.sullivanglass.com/auto-glass-repair-installation-quote</a></p> <p>It's a two page form and the 'next' 'previous' buttons are using the style of the input boxes and not the 'Submit' button. </p> <p>To view the submit button without filling out the first page of the form... check any of the other forms on the site &gt; like :: <a href="http://www.sullivanglass.com/window-repair-quote" rel="nofollow">http://www.sullivanglass.com/window-repair-quote</a></p> <p>I have tried everything. Even editing the gforms css. Just keeps reading and using the input css. Any ideas are greatly appreciated.</p> <p>-Tom </p>