PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Gavity Forms 1.6.4.4.2 CSS being overidden by woocommerce 1.5.6 plugin?

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Todd Magee
    Member

    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.

    What is the preferred method to remove this error and display Gravity Form's CSS?

    The site is http://www.mymomscheesecakes.com but I currently have the site in maintenance mode. If you need to access the site, please send an email to mtmagee@truewebarchitect.com, and I will create a temporary admin account.

    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.

    Posted 12 years ago on Sunday June 3, 2012 | Permalink

  2. Rob Harrell
    Member

    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:

    http://www.gravityhelp.com/documentation/page/Design_and_Layout

    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.

    Posted 12 years ago on Sunday June 3, 2012 | Permalink