https://legacy.forums.gravityhelp.com/topic/css-shad-form-box Gravity Support Forums Topic: CSS shade form box en-US Sat, 04 Apr 2026 15:00:42 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-shad-form-box#post-25339 Wed, 11 May 2011 16:04:36 +0000 Kevin Flahaut 25339@https://legacy.forums.gravityhelp.com/ <p>Wonderful. We're here to help if you get stuck. </p> https://legacy.forums.gravityhelp.com/topic/css-shad-form-box#post-25337 Wed, 11 May 2011 15:47:24 +0000 awardco 25337@https://legacy.forums.gravityhelp.com/ <p>I am new and I want to learn, so thank you for the reference. This helps a ton. </p> https://legacy.forums.gravityhelp.com/topic/css-shad-form-box#post-25334 Wed, 11 May 2011 15:32:29 +0000 Kevin Flahaut 25334@https://legacy.forums.gravityhelp.com/ <p>just add more properties to the rule you've already got working</p> <pre><code>[css] body #gform_wrapper_1 .gform_body { border:1px solid red; padding:20px }</code></pre> <p>screenshot: <a href="http://grab.by/a6AH" rel="nofollow">http://grab.by/a6AH</a></p> <p>If you're new to CSS, I suggest reading up here. It will help out a lot.</p> <p><a href="http://w3schools.com/css/default.asp" rel="nofollow">http://w3schools.com/css/default.asp</a> </p> https://legacy.forums.gravityhelp.com/topic/css-shad-form-box#post-25333 Wed, 11 May 2011 15:31:35 +0000 Carl Hancock 25333@https://legacy.forums.gravityhelp.com/ <p>You would add padding to the same CSS selector you are applying that red border too. So you'd add like padding: 10px; to your CSS. You may want to look up some tutorials on CSS. </p> https://legacy.forums.gravityhelp.com/topic/css-shad-form-box#post-25331 Wed, 11 May 2011 15:27:36 +0000 awardco 25331@https://legacy.forums.gravityhelp.com/ <p>I found the place I need to put the CSS, now how can I add padding to the border so it looks better? Here is the site <a href="http://www.valueemployees.com/paypros/" rel="nofollow">http://www.valueemployees.com/paypros/</a> </p> https://legacy.forums.gravityhelp.com/topic/css-shad-form-box#post-25227 Tue, 10 May 2011 15:57:51 +0000 Carl Hancock 25227@https://legacy.forums.gravityhelp.com/ <p>You would add custom CSS to your themes stylesheet. You wouldn't edit the Gravity Forms stylesheet. You would write custom CSS to target and style specific form elements the way you want them to be and add this so your themes stylesheet file.</p> <p>Documentation for how to target and style form elements can be found 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> https://legacy.forums.gravityhelp.com/topic/css-shad-form-box#post-25214 Tue, 10 May 2011 14:52:09 +0000 awardco 25214@https://legacy.forums.gravityhelp.com/ <p>How do I shade a form a certain color? I believe that deals with CSS? I am trying to figure out CSS, I am not to familiar. </p> <p>Do I go into the theme CSS, or the CSS for gravity forms. If I go into the theme for gravity forms where do I put in certain CSS code.</p> <p>For example </p> <p>If I wanted to take the below code and make a red box around my form, where would I stick this?<br /> body .gform_wrapper { border:1px solid red } </p>