Bricks injects opinionated woocommerce styles

Feature Requests / Improvements
1

Hi,

Bricks styles woo with the following:

/assets/css/integrations/woocommerce.min.css

However this stylesheet has two distinct purposes:

  1. Styling bricks woocommerce elements (eg .brxe-product-rating, .brxe-woocommerce-breadcrumbs, etc)
  2. Adding additional styles to core woo templates (eg .woocommerce-cart-form .product-remove, .woocommerce-checkout #payment .payment_methods, etc)

Many of the styles in category #2 are fairly opinionated. i.e They get in the way when the dev styles the woo UI with their own design system and therefore need to be overridden on a case by case basis, which is always painful.

In order to restore a ‘vanilla woocommerce’ experience, one can dequeue woocommerce.min.css altogther, however this has the undesirable effect of removing all the styles in category #1 above. Essentially , styles in #1 are required for bricks to function correctly, while many of those in #2 are more style sugar for woo templates.

Oxygen actually had a very similar issue with its use of woo-global-styler.css, which is also almost impossible to bypass. It would be awesome if we could keep styles in category #1 enqueued, whilst removing those unnecessarily opinionated styles from category #2.

Thanks for reading :pray:

2 Likes