https://legacy.forums.gravityhelp.com/topic/form-background-colour Gravity Support Forums Topic: Form background colour en-US Mon, 20 Apr 2026 08:22:50 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/form-background-colour#post-35268 Wed, 14 Sep 2011 11:12:24 +0000 Kevin Flahaut 35268@https://legacy.forums.gravityhelp.com/ <p>@aarontay You're very flattering but I do appreciate it. I'm pleased I could help. </p> https://legacy.forums.gravityhelp.com/topic/form-background-colour#post-35248 Wed, 14 Sep 2011 09:25:37 +0000 aarontay 35248@https://legacy.forums.gravityhelp.com/ <p>You are a true legend! Thank you! </p> https://legacy.forums.gravityhelp.com/topic/form-background-colour#post-35242 Wed, 14 Sep 2011 08:36:04 +0000 Kevin Flahaut 35242@https://legacy.forums.gravityhelp.com/ <p>yep, it's inheriting the border from this list item rule on line 718 of your style.css file..</p> <pre><code>[css] .box ul li { border-bottom: 1px solid #E4E4E4; float: left; width: 100%; }</code></pre> <p>you'll need to override the border property for your forms.</p> <pre><code>[css] .box .gform_wrapper ul li { border-bottom: none }</code></pre> <p>screenshot: <a href="http://bit.ly/pjn9LZ" rel="nofollow">http://bit.ly/pjn9LZ</a> </p> https://legacy.forums.gravityhelp.com/topic/form-background-colour#post-35238 Wed, 14 Sep 2011 08:08:20 +0000 aarontay 35238@https://legacy.forums.gravityhelp.com/ <p>Excellent, thanks.</p> <p>Also, I've added a form into a sidebar widget, and have an issue with lines appearing under the boxes. Guessing this has something to do with the theme stylesheet?</p> <p>See: <a href="http://www.hanburymortgages.co.uk/temp/buying-a-home/" rel="nofollow">http://www.hanburymortgages.co.uk/temp/buying-a-home/</a> and scroll to the bottom.</p> <p>Any ideas? thanks. </p> https://legacy.forums.gravityhelp.com/topic/form-background-colour#post-35236 Wed, 14 Sep 2011 07:38:15 +0000 Kevin Flahaut 35236@https://legacy.forums.gravityhelp.com/ <p>Looks like you were headed in the right direction. You just need to add some padding values ( not margins ) to the form wrapper to make it look the way you want.</p> <pre><code>[css] body #gform_wrapper_2 { background-color: #CCC; position: relative; padding: 20px 0 20px 20px }</code></pre> <p>screenshot: <a href="http://bit.ly/peMnzg" rel="nofollow">http://bit.ly/peMnzg</a></p> <p>Since you've absolutely positioned your submit button, you'll need to adjust that too to allow for the extra form padding. </p> https://legacy.forums.gravityhelp.com/topic/form-background-colour#post-35234 Wed, 14 Sep 2011 05:06:57 +0000 aarontay 35234@https://legacy.forums.gravityhelp.com/ <p>Hi</p> <p>I've seen other posts where I've found info to change background colour, but I want to extend the colour so it covers the form title and has a bit of a margin on the left side like it does the right. See the link: <a href="http://www.hanburymortgages.co.uk/temp/remortgaging/" rel="nofollow">http://www.hanburymortgages.co.uk/temp/remortgaging/</a></p> <p>This is what I've added to my theme style sheet:<br /> <pre><code>[css] body #gform_wrapper_2 { position: relative; background-color:#CCC; }</code></pre> <p>Am I adding the correct CSS?</p> <p>If it is going to bee too complicated then I may not bother but just wanted to lift the form off the page a bit.</p> <p>Thanks in advance. </p>