SOLVED: Woocommerce fieldset border applying to non woocommerce fieldsets

Bricks Version: 1.6
Browser: Chrome 90
OS: Windows
URL: (a link to a page that illustrates the issue would be really helpful)

After upgrading to 1.6 any element on my pages that use a fieldset (in this example it is a WSForm) are automatically getting a border coming from Woocommerce integration.

wp-content/themes/bricks/assets/css/integrations/woocommerce.min.css?ver=1670527996

.woocommerce fieldset {

  1. border: 1px solid var(–bricks-border-color);

}


Hi Dan,
Thanks so much for your report!

I was able to reproduce the issue and added it to our bug tracker. The problem is that every page/post contains the .woocommerce class in the body tag, which of course should only be the case on WooCommerce pages/posts.

Best regards,
timmse

Hi Dan,
We’ve fixed this bug in Bricks 1.6.1, now available as a one-click update within your WordPress Dashboard.

Please let us know if you are still experiencing issues.

Best regards,
timmse

Hi,

Sorry for undigging this old post but I’m facing the same issue with a WS form I’m using in the footer.

A border assigned from the .woocommerce class appears when I’m on some woocommerce related pages (not the rest of the website) : single product pages, shop archive, product category pages.

I’m using Bricks 1.9.3.

Screenshot on a product category page (the woocommerce class appears) :slight_smile:

Another screenshot taken from another non-woocommerce related page:

I fixed it with some custom CSS but just wanted to signal it. I can share a link if you want :slight_smile:

Hi Louis,
Thanks for the hint! The .woocommerce fieldset default style is, of course, kept very general in order to apply it to all potential places. In your case, you are in a woo category, and the style will be applied to your form accordingly.

The only possibility would be to make the style much more specific, but that would be a maintenance nightmare :face_holding_back_tears:

1 Like

Hi Stefan, thanks for the quick answer !

Anyway the fix was very easy, I just had to figure out first what was causing this border. That thread helped me to figure it out quickly !

1 Like