CSS Overview/Editor

After spending a bit of time with Bricks, one bottle neck I’ve found is having to dig through so many controls, including, pseudo elements and breakpoints to understand where all the CSS is applied and hopefully that’s not at ID level too.

I know I can review the CSS in DevTools and also, my workflow could be improved.

To be able to open a full width panel (maybe positioned bottom of screen) and edit all CSS applied to an element or even better, the entire page would be incredibly efficient.

The granular control could speed up development and allow another editor get quickly up to speed.

Appreciate there are some caveats here. What to do with any CSS thats added and can’t be applied to a control, where does that go?

Could be asking a lot and this request/idea kind of goes against why pagebuilders exist as a visual workflow.

Maybe the best of both Worlds can coexist. :thinking:

1 Like

It is available in Advanced Themer if you are interested in buying the functionality.

Wow, yeah AT is fantastic and commend Maxime for his oustanding work. I hope both entities will succeed, but I would expect Bricks out of the box to include these tools.