https://legacy.forums.gravityhelp.com/topic/gavity-forms-16442-css-being-overidden-by-woocommerce-156-plugin Gravity Support Forums Topic: Gavity Forms 1.6.4.4.2 CSS being overidden by woocommerce 1.5.6 plugin? en-US Mon, 20 Apr 2026 03:26:53 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/gavity-forms-16442-css-being-overidden-by-woocommerce-156-plugin#post-61212 Sun, 03 Jun 2012 07:56:11 +0000 Rob Harrell 61212@https://legacy.forums.gravityhelp.com/ <p>The best way to combat theme inheritance, is to write specific selectors for Gravity Forms that will override the CSS it's inheriting. You should always place custom CSS at the theme level. Here is our documentation on styling and targeting elements throughout the form:</p> <p><a href="http://www.gravityhelp.com/documentation/page/Design_and_Layout" rel="nofollow">http://www.gravityhelp.com/documentation/page/Design_and_Layout</a></p> <p>You should be able to use this and chrome developer tools or firebug for firefox to inspect the elements on the page and find the best combination of selectors that works for you and your theme. </p> https://legacy.forums.gravityhelp.com/topic/gavity-forms-16442-css-being-overidden-by-woocommerce-156-plugin#post-61208 Sun, 03 Jun 2012 04:41:52 +0000 Todd Magee 61208@https://legacy.forums.gravityhelp.com/ <p>I added a simple contact form to a page and noticed in firebug that the Gravity Forms CSS is being over written by the Woocommerece CSS. The style for the "submit" button is inherited from woocommerece.css. </p> <p>What is the preferred method to remove this error and display Gravity Form's CSS? </p> <p>The site is <a href="http://www.mymomscheesecakes.com" rel="nofollow">http://www.mymomscheesecakes.com</a> but I currently have the site in maintenance mode. If you need to access the site, please send an email to <a href="mailto:mtmagee@truewebarchitect.com">mtmagee@truewebarchitect.com</a>, and I will create a temporary admin account.</p> <p>Presently, I made style changes in woocommerece.css to correct this issue, but there has to be a better way to keep the Woo CSS from over ridding the CSS from Gravity Forms. </p>