https://legacy.forums.gravityhelp.com/topic/styling-a-background-color Gravity Support Forums Topic: Styling a Background Color en-US Sat, 04 Apr 2026 03:03:58 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/styling-a-background-color#post-60997 Thu, 31 May 2012 12:16:44 +0000 David Peralty 60997@https://legacy.forums.gravityhelp.com/ <p>No problem. Good luck and let us know if anything else comes up. :) </p> https://legacy.forums.gravityhelp.com/topic/styling-a-background-color#post-60995 Thu, 31 May 2012 12:11:41 +0000 Dusty 60995@https://legacy.forums.gravityhelp.com/ <p>Thanks, David! </p> https://legacy.forums.gravityhelp.com/topic/styling-a-background-color#post-60992 Thu, 31 May 2012 12:08:29 +0000 David Peralty 60992@https://legacy.forums.gravityhelp.com/ <p>Take a look at this:<br /> <a href="http://css-tricks.com/snippets/css/rounded-corners/" rel="nofollow">http://css-tricks.com/snippets/css/rounded-corners/</a> </p> https://legacy.forums.gravityhelp.com/topic/styling-a-background-color#post-60990 Thu, 31 May 2012 12:03:14 +0000 Dusty 60990@https://legacy.forums.gravityhelp.com/ <p>Thanks, David.</p> <p>This resolved the issue.</p> <p>Also, what's the best way to add rounded corners to the background color? </p> https://legacy.forums.gravityhelp.com/topic/styling-a-background-color#post-60982 Thu, 31 May 2012 11:50:20 +0000 David Peralty 60982@https://legacy.forums.gravityhelp.com/ <p>Try:</p> <pre><code>.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium { width: 88% !important; }</code></pre> <p>The width of the inputs is based on a percentage of the width of the form. </p> https://legacy.forums.gravityhelp.com/topic/styling-a-background-color#post-60980 Thu, 31 May 2012 11:38:25 +0000 Dusty 60980@https://legacy.forums.gravityhelp.com/ <p>Hey guys,</p> <p>I'm trying to style a background color for my form and am encountering a few issues.</p> <p>My goal is to create a neat background color that forms a box around my form and to make the corners of the box rounded. I would like the amount of color showing to be proportional on both the left and right sides of the form.</p> <p>I added the following CSS: </p> <p>body #gform_wrapper_2 {background-color: #CCC;position: relative; padding: 20px 0 20px 20px;}</p> <p>However, as you can see on the following link, there's a massive amount of gray showing on the right side. I would like for this box to be proportional on both sides.</p> <p><a href="http://dev.bitcadet.com/versatube/building-kits/classic-carport/pricing/" rel="nofollow">http://dev.bitcadet.com/versatube/building-kits/classic-carport/pricing/</a></p> <p>Any ideas? </p>