https://legacy.forums.gravityhelp.com/topic/quick-styling Gravity Support Forums Topic: Quick Styling en-US Mon, 20 Apr 2026 00:43:43 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/quick-styling#post-188199 Thu, 28 Mar 2013 16:34:36 +0000 Rob Harrell 188199@https://legacy.forums.gravityhelp.com/ <p>The tabindex is conflicting with that other form. I assume you won't have both? Just remove the other or set the tabindex higher on your GF shortcode:</p> <p><a href="http://www.gravityhelp.com/documentation/page/Embedding_A_Form" rel="nofollow">http://www.gravityhelp.com/documentation/page/Embedding_A_Form</a> </p> https://legacy.forums.gravityhelp.com/topic/quick-styling#post-188196 Thu, 28 Mar 2013 16:32:49 +0000 Underdog 188196@https://legacy.forums.gravityhelp.com/ <p>Perfect, great support!</p> <p>Another question and please let me know if I should start a new topic:</p> <p>I notice when I tabe from one input trying to move to the next input space it does not move that way. Is there a limitation with GF on this or is there a conflict with my theme?</p> <p>Thanks! </p> https://legacy.forums.gravityhelp.com/topic/quick-styling#post-188185 Thu, 28 Mar 2013 16:26:03 +0000 Rob Harrell 188185@https://legacy.forums.gravityhelp.com/ <p>This should be for the hover:</p> <pre><code>[css] .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover { color: #54770f !important; background-image: linear-gradient(top, #AAD75B 0%, #D1E990 100%); background-image: -o-linear-gradient(top, #AAD75B 0%, #D1E990 100%); background-image: -moz-linear-gradient(top, #AAD75B 0%, #D1E990 100%); background-image: -webkit-linear-gradient(top, #AAD75B 0%, #D1E990 100%); background-image: -ms-linear-gradient(top, #AAD75B 0%, #D1E990 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #AAD75B), color-stop(1, #D1E990) ); border: 1px solid #AAD75B; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#AAD75B&#39;, endColorstr=&#39;#D1E990&#39;); }</code></pre> https://legacy.forums.gravityhelp.com/topic/quick-styling#post-188181 Thu, 28 Mar 2013 16:23:34 +0000 Underdog 188181@https://legacy.forums.gravityhelp.com/ <p>Thanks Rob! Button now looks the same as the them styling. Is there anyway to duplicate the hover effect? </p> https://legacy.forums.gravityhelp.com/topic/quick-styling#post-188175 Thu, 28 Mar 2013 16:20:34 +0000 Rob Harrell 188175@https://legacy.forums.gravityhelp.com/ <p>Steve, drop this into your theme's stylesheet (or wherever you are instructed to place custom CSS at the theme level) and see how far it gets you:</p> <pre><code>[css] .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] { color: #54770f !important; background-image: linear-gradient(top, #D1E990 0%, #AAD75B 100%); background-image: -o-linear-gradient(top, #D1E990 0%, #AAD75B 100%); background-image: -moz-linear-gradient(top, #D1E990 0%, #AAD75B 100%); background-image: -webkit-linear-gradient(top, #D1E990 0%, #AAD75B 100%); background-image: -ms-linear-gradient(top, #D1E990 0%, #AAD75B 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #D1E990), color-stop(1, #AAD75B) ); border: 1px solid #AAD75B; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#D1E990&#39;, endColorstr=&#39;#AAD75B&#39;); height: 32px; font: 13px/32px &#39;PTSansBold&#39;, arial, helvetica, sans-serif; text-transform: uppercase; text-align: center; text-shadow: 0 1px 0 #fff; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 1px rgba(0,0,0,0.2); font-weight: bold; }</code></pre> https://legacy.forums.gravityhelp.com/topic/quick-styling#post-188156 Thu, 28 Mar 2013 15:45:59 +0000 Underdog 188156@https://legacy.forums.gravityhelp.com/ <p>Rob, sent you an email with the link and password. Thanks! </p> https://legacy.forums.gravityhelp.com/topic/quick-styling#post-188154 Thu, 28 Mar 2013 15:41:23 +0000 Rob Harrell 188154@https://legacy.forums.gravityhelp.com/ <p>Do you have a link to your form and a link to a page with the button style on it? </p> https://legacy.forums.gravityhelp.com/topic/quick-styling#post-188153 Thu, 28 Mar 2013 15:40:12 +0000 Underdog 188153@https://legacy.forums.gravityhelp.com/ <p>My theme uses shortcodes for buttons but the form is not inheriting the button style. How do I update this?</p> <p>Also, how do I add a shaded box behind the total form?</p> <p>Thank you! </p>