https://legacy.forums.gravityhelp.com/topic/form-heading-css Gravity Support Forums Topic: Form Heading CSS en-US Sun, 19 Apr 2026 23:19:48 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/form-heading-css#post-316665 Tue, 11 Jun 2013 04:46:09 +0000 Richard Vav 316665@https://legacy.forums.gravityhelp.com/ <p>Your body #gform_wrapper_3 CSS in your custom.css is missing the following two styles<br /> <pre><code>-webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px;</code></pre> <p>Add them in and it should be back to normal.</p> <p>Regards,<br /> Richard </p> https://legacy.forums.gravityhelp.com/topic/form-heading-css#post-316268 Mon, 10 Jun 2013 22:37:29 +0000 gsifers 316268@https://legacy.forums.gravityhelp.com/ <p>Hey guys,</p> <p>I had an issue with my site and during "damage control" I messed up the CSS of my form mentioned above. Any suggestions how I can fix the header <a href="http://www.texashomeloanpro.com" rel="nofollow">http://www.texashomeloanpro.com</a> </p> <p>Thanks,</p> <p>Grant </p> https://legacy.forums.gravityhelp.com/topic/form-heading-css#post-283523 Tue, 28 May 2013 11:27:18 +0000 Richard Vav 283523@https://legacy.forums.gravityhelp.com/ <p>You're welcome </p> https://legacy.forums.gravityhelp.com/topic/form-heading-css#post-283510 Tue, 28 May 2013 11:21:08 +0000 gsifers 283510@https://legacy.forums.gravityhelp.com/ <p>Perfect. Thank you gentlemen! </p> https://legacy.forums.gravityhelp.com/topic/form-heading-css#post-282494 Tue, 28 May 2013 03:57:17 +0000 Richard Vav 282494@https://legacy.forums.gravityhelp.com/ <p>Hi Grant,</p> <p>In your custom.css file you have the following rule<br /> <pre><code>body #gform_wrapper_3 { -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; background: #FFFFFF; width: 275px; padding-top: 12px; margin-top: 55px; border: 1px solid #d9d9d9; box-shadow: #333333 0px 10px 10px; -moz-box-shadow: #333333 0px 10px 10px; -webkit-box-shadow: #333333 0px 10px 10px; }</code></pre> <p>you need to remove or 0 the padding-top, also in custom.css you added Robs suggestion from above, change it to the following<br /> <pre><code>body #gform_wrapper_3 h3.gform_title { text-align: center; width: 275px; color: #FFFFFF; height: 40px; }</code></pre> <p>Now add the following<br /> <pre><code>#gform_wrapper_3 .gform_heading { background-color: #0C3C60; border-top-left-radius: 20px; border-top-right-radius: 20px; width: 100%; margin-top: 0; padding-top: 10px; }</code></pre> <p>Your form should now look like <a href="http://i.imgur.com/sxq9YB8.png" rel="nofollow">http://i.imgur.com/sxq9YB8.png</a></p> <p>Regards,<br /> Richard </p> https://legacy.forums.gravityhelp.com/topic/form-heading-css#post-281798 Mon, 27 May 2013 23:14:29 +0000 gsifers 281798@https://legacy.forums.gravityhelp.com/ <p>Thanks for the quick response. I was able to add some color to the form header, but as you can see on the form here <a href="http://www.texashomeloanpro.com/" rel="nofollow">http://www.texashomeloanpro.com/</a>, the top part of the form is still white. How to I ensure that the entire header is blue?</p> <p>Thanks,</p> <p>Grant </p> https://legacy.forums.gravityhelp.com/topic/form-heading-css#post-271193 Thu, 23 May 2013 14:25:47 +0000 Rob Harrell 271193@https://legacy.forums.gravityhelp.com/ <p>G,</p> <p>I see you have some custom CSS already in place, but if you want a background of blue and a text color of white you should be able to use:</p> <pre><code>[css] body #gform_wrapper_3 h3.gform_title { text-align: center; width: 275px; background-color: #0C3C60; color: #fff; }</code></pre> https://legacy.forums.gravityhelp.com/topic/form-heading-css#post-271137 Thu, 23 May 2013 13:54:44 +0000 gsifers 271137@https://legacy.forums.gravityhelp.com/ <p>I'm a total newbie running Gravity Themes in conjunction with Thesis 1.8.5 on this site <a href="http://www.texashomeloanpro.com/" rel="nofollow">http://www.texashomeloanpro.com/</a> . I've got a simple question: how can I add color to the form-heading (top-right of homepage)? All I want is change the top section of the form to blue, and the title to white. Any suggestions?</p> <p>Thanks,</p> <p>G </p>