https://legacy.forums.gravityhelp.com/topic/theme-style-is-conflicting-with-gravity-form-css Gravity Support Forums Topic: Theme Style is Conflicting with Gravity Form CSS en-US Tue, 21 Apr 2026 01:05:56 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/theme-style-is-conflicting-with-gravity-form-css#post-102358 Thu, 13 Dec 2012 16:30:06 +0000 Chris Hajer 102358@https://legacy.forums.gravityhelp.com/ <p>It looks like quite a bit of work to add styles to override all the default styles which your theme provides. One way to begin would be to install the Firebug extension or use the Google Chrome developer tools to see what default style from your theme is affecting the display of the form. Then, one by one, write more specific rules to allow the Gravity Forms styles to override the default. It did not look like a quick or simple task, based on how many generic default styles are being included by your theme. </p> https://legacy.forums.gravityhelp.com/topic/theme-style-is-conflicting-with-gravity-form-css#post-102345 Thu, 13 Dec 2012 16:20:16 +0000 drew@peppershock.com 102345@https://legacy.forums.gravityhelp.com/ <p>So how should we proceed? </p> https://legacy.forums.gravityhelp.com/topic/theme-style-is-conflicting-with-gravity-form-css#post-102326 Thu, 13 Dec 2012 15:38:21 +0000 Chris Hajer 102326@https://legacy.forums.gravityhelp.com/ <p>It does make sense, although the preview styles will not be present on the front end: that is a limited admin preview only. So, we will have to override or remove the styles coming from your theme. The problem is, your theme has some overly broad default styles which apply to all the form elements you see. </p> https://legacy.forums.gravityhelp.com/topic/theme-style-is-conflicting-with-gravity-form-css#post-102322 Thu, 13 Dec 2012 15:32:11 +0000 drew@peppershock.com 102322@https://legacy.forums.gravityhelp.com/ <p>I reverted back to letting Gravity output CSS and removed what I pasted in.<br /> What I want to have happen is for the form to use the same styling it uses for the preview page. I don't want the form to use the style from my theme's css. That make sense? </p> https://legacy.forums.gravityhelp.com/topic/theme-style-is-conflicting-with-gravity-form-css#post-102162 Thu, 13 Dec 2012 10:54:22 +0000 Hiranthi 102162@https://legacy.forums.gravityhelp.com/ <p>I suggest you (and everyone else with CSS issues) to intall the Firebug addon for the browser you're using. With that addon you can check what styling is being applied to particular elements.</p> <p>In this case I can see you have input[type='text'] styling in your style.css (which is also applied to the single-line fields of your Gravity Forms fields) and there's also a line of CSS in the source (iow not in a separate stylesheet) that makes the border-bottom !important.<br /> And I'm sure there's a lot more styling like that (that's overwriting the default GF CSS). </p> https://legacy.forums.gravityhelp.com/topic/theme-style-is-conflicting-with-gravity-form-css#post-102160 Thu, 13 Dec 2012 10:52:51 +0000 Chris Hajer 102160@https://legacy.forums.gravityhelp.com/ <p>What do you want to happen specifically?</p> <p>I would revert to letting Gravity Forms output its own CSS, remove what you pasted into your stylesheet, and let us know what you would like to override specifically. We can help you with the actual CSS to override your theme. </p> https://legacy.forums.gravityhelp.com/topic/theme-style-is-conflicting-with-gravity-form-css#post-102155 Thu, 13 Dec 2012 10:49:08 +0000 drew@peppershock.com 102155@https://legacy.forums.gravityhelp.com/ <p>I'm having the same issue many others have had. My theme's CSS is overriding the CSS for Gravity Forms. I copied and pasted the forms.css contents into my theme css, turned off CSS output in the Gravity Forms Plugin settings. Still no luck.</p> <p><a href="http://www.elkorah.org/clubs/" rel="nofollow">http://www.elkorah.org/clubs/</a></p> <p>Honestly, the style of the form preview will work fine for this particular page. Any help is greatly appreciated.<br /> Thank you </p>