SOLVED: Multiple CSS rule sets for same element

Bugs
1

Bricks: 1.8.2
Browser: Chrome 114.0.5735.198
OS: macOS 13.4.1

A new CSS rule set is created whenever style changes are made to any given element. Tried both inline and external styles options under settings and the issue persists. I’m on custom breakpoints and mobile-first.

Steps:

  1. Add any element to the page using the Bricks editor
  2. Add a couple of style changes to the element (change background color, add padding, etc…)
  3. Open page in frontend and open devtools
  4. Notice the element has multiple rules sets for the same element, with one declaration (each style change) per rule set.

Bricks Style Changes:

multiple-css-rule-sets-1
multiple-css-rule-sets-1403×1095 11.5 KB

DevTools inspecting element:
multiple-css-rule-sets-2

1 Like
2

Hey Ben,

thanks for your report.

I was able to reproduce the issue and added it to our bug tracker.

Best,

André

1 Like
3

I can confirm this is now fixed in 1.8.3.

Thanks for the quick fix, guys! :raised_hands:

4

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

Please let us know if you are still experiencing issues.

Best regards,
timmse