https://legacy.forums.gravityhelp.com/topic/overriding-stock-formscss Gravity Support Forums Topic: Overriding stock forms.css en-US Sun, 10 May 2026 10:43:20 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/overriding-stock-formscss#post-1548 Tue, 17 Nov 2009 15:44:26 +0000 Kevin Flahaut 1548@https://legacy.forums.gravityhelp.com/ <p>There were a few minor changes to the forms.css style sheet for this release, mostly due to some minor markup changes for validation purposes. You can compare the versions and copy the changes to your document if you want. </p> <p>Yes, you can probably just override the specific styles you want on your theme style sheet if that's easier to keep up with. If you're doing extensive modifications, that may not be practical.</p> <p>Yo do bring up a really good point. Moving forward, I'll work on documenting the changes to the CSS somewhere to help make it a little easier. </p> https://legacy.forums.gravityhelp.com/topic/overriding-stock-formscss#post-1545 Tue, 17 Nov 2009 12:55:52 +0000 Chris Hajer 1545@https://legacy.forums.gravityhelp.com/ <p>With the release of 1.3, this issue has come up again. If I copied all the CSS from forms.css to my theme stylesheet (which I did), how do I keep up with the additional CSS you've included in the new release? Do I need to copy all the new lines from the 1.3 forms.css to my stylesheet? It's starting to become hard to manage, especially on multiple sites.</p> <p>Any other best practices? How about just overriding the lines I don't like, in my own style.css, then after updating Gravity Forms, check for new styling and override those as necessary? </p> https://legacy.forums.gravityhelp.com/topic/overriding-stock-formscss#post-1344 Thu, 05 Nov 2009 20:20:08 +0000 Chris Hajer 1344@https://legacy.forums.gravityhelp.com/ <p>Thanks Kevin. </p> https://legacy.forums.gravityhelp.com/topic/overriding-stock-formscss#post-1343 Thu, 05 Nov 2009 19:57:12 +0000 Kevin Flahaut 1343@https://legacy.forums.gravityhelp.com/ <p>The best way to make CSS changes is to go the the Gravity Forms settings page, turn off the "Output CSS" option and then copy all of the styles from the form.css file in the Gravity Forms folder to your theme style sheet. That way, you can customize the form all you want and when you upgrade the plugin, none of your styles get overwritten.</p> <p><a href="http://grab.by/f7s">screenshot</a></p> <p>The second snippet you posted shouldn't remove any default page margins/padding since you're declaring those for only the container with #gform_heading id that's a child of an element with the .gform_wrapper class. </p> https://legacy.forums.gravityhelp.com/topic/overriding-stock-formscss#post-1342 Thu, 05 Nov 2009 19:23:59 +0000 Chris Hajer 1342@https://legacy.forums.gravityhelp.com/ <p>I commented out one line in forms.css since I didn't like the styling that was being applied.</p> <p><code>.gform_wrapper #gform_heading{ width:98%; padding-bottom:12px; margin-bottom:18px; border-bottom:1px dotted #ccc}</code></p> <p>But changing files that come with the plugin makes upgrading more of a hassle. How would I override that line in my own style.css? If I do something like this:</p> <p><code>.gform_wrapper #gform_heading{ padding-bottom:0; margin-bottom:0; border-bottom:none}</code></p> <p>won't that remove the browser default padding and margin as well as overriding this from forms.css?</p> <p>Thanks </p>