https://legacy.forums.gravityhelp.com/topic/form-buttons Gravity Support Forums Topic: Form Buttons en-US Sat, 04 Apr 2026 17:05:26 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/form-buttons#post-25460 Fri, 13 May 2011 00:56:58 +0000 Kevin Flahaut 25460@https://legacy.forums.gravityhelp.com/ <p>Thanks for sharing the fix. </p> https://legacy.forums.gravityhelp.com/topic/form-buttons#post-25458 Thu, 12 May 2011 23:54:46 +0000 SK54602 25458@https://legacy.forums.gravityhelp.com/ <p>Woo themes now have this resolved for Simplicity theme. see below for reference</p> <pre><code>[css] .gform_wrapper input.button { display: inline-block; margin: 5px; padding: 3px 13px; border: 1px solid #4081af; border-bottom-color: #20559a; color: white !important; text-align: center; text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); text-decoration: none; /*Border radius*/ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /*Background*/ background: #3585B3; /*Fallback*/ /*Box shadow*/ -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; } body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] {font-size:1em} .gform_wrapper input.button:hover { text-decoration: none !important; /*Background*/ opacity:0.8; }</code></pre> https://legacy.forums.gravityhelp.com/topic/form-buttons#post-25411 Thu, 12 May 2011 12:26:04 +0000 Kevin Flahaut 25411@https://legacy.forums.gravityhelp.com/ <p>Usually it's not a big deal. We purposely designed Gravity Forms to inherit as much of the styling from the theme as possible to make it easier getting set up. Sometimes the theme styling causes a few of it's own issues though. We're happy to help all we can. </p> https://legacy.forums.gravityhelp.com/topic/form-buttons#post-25407 Thu, 12 May 2011 12:07:54 +0000 SK54602 25407@https://legacy.forums.gravityhelp.com/ <p>Thanks for your response. I think the original issues is relation to the button that is showing is hover gray not the blue button that is defined in theme, I am still waiting on a response in this regard from woo themes. But there theme shows a blue button and when hovered it turns a slight gray. Thanks for helping today.... never thought this would be this complicated. </p> https://legacy.forums.gravityhelp.com/topic/form-buttons#post-25401 Thu, 12 May 2011 11:06:06 +0000 Kevin Flahaut 25401@https://legacy.forums.gravityhelp.com/ <p>Woo adds their own Gravity Forms CSS that overrides several of the default layout options provided with Gravity Forms. To be clear, there isn't a "code conflict" of any sort, it's just their choice of styling has locked down some of the built-in options.</p> <p>As far as the logo location.. I have no idea why your form styles would have any bearing on that. That too sounds like a theme issue. </p> https://legacy.forums.gravityhelp.com/topic/form-buttons#post-25398 Thu, 12 May 2011 10:39:11 +0000 SK54602 25398@https://legacy.forums.gravityhelp.com/ <p>opps... my error.... images show up now. </p> https://legacy.forums.gravityhelp.com/topic/form-buttons#post-25396 Thu, 12 May 2011 10:28:43 +0000 SK54602 25396@https://legacy.forums.gravityhelp.com/ <p>I added a logo location since this coding seems to be conflicting to much with the woo template. Woo themselves seem real confused on what actual is going on within the code that is conflicting.. now that i added a logo web location ... The logo doesn't even show up..... </p> https://legacy.forums.gravityhelp.com/topic/form-buttons#post-25395 Thu, 12 May 2011 10:15:12 +0000 Kevin Flahaut 25395@https://legacy.forums.gravityhelp.com/ <p>Your other site uses another theme so that's probably why it's not working the same. That has nothing to do with Gravity Forms functionality. The markup is the same and the CSS should work the same if you're using the same theme for different sites.</p> <p>You can target the different button types specifically if you want to apply new rules. All of this can be found in the documentation here.</p> <p><a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples</a></p> <pre><code>[css] body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_footer input[type=submit], body .gform_wrapper .gform_body .gform_page_footer .gform_button, body .gform_wrapper .gform_body .gform_page_footer .gform_previous_button, body .gform_wrapper .gform_body .gform_page_footer .gform_next_button { color:red } body .gform_wrapper .gform_footer input.button:hover, body .gform_wrapper .gform_footer input[type=submit]:hover, body .gform_wrapper .gform_body .gform_page_footer .gform_button:hover, body .gform_wrapper .gform_body .gform_page_footer .gform_previous_button:hover, body .gform_wrapper .gform_body .gform_page_footer .gform_next_button:hover { color:green }</code></pre> https://legacy.forums.gravityhelp.com/topic/form-buttons#post-25392 Thu, 12 May 2011 10:05:50 +0000 SK54602 25392@https://legacy.forums.gravityhelp.com/ <p>This is not working the same as my other site. </p> <p><a href="http://merchant-solutions.sbsake.com/contact-1/" rel="nofollow">http://merchant-solutions.sbsake.com/contact-1/</a></p> <p>need or trying to get the buttons to respond the same way @ </p> <p><a href="http://www.sbsake.com/referral-program/" rel="nofollow">http://www.sbsake.com/referral-program/</a> </p> https://legacy.forums.gravityhelp.com/topic/form-buttons#post-25390 Thu, 12 May 2011 09:54:59 +0000 SK54602 25390@https://legacy.forums.gravityhelp.com/ <p>I also need this to be on all buttons. This just adds for the submit button. </p>