I notice that some styling I made in MT intended for the frontend, are affecting the CSS styling of the Bricks UI in the WP backend (not just the page canvas, but the actual UI itself). When I inspect the Bricks Builder page code, I notice the MT draft-styles.css are being loaded.
For instance, the following styling is limiting the max width of the left side Bricks menu:
Hey Richard, sorry for the slow reply on this. I’m currently on holiday with children and have only just found some time to do a bit of work.
I see what you mean, Bricks runs on the Frontend, replacing it with a UI and a nested site preview in an iframe. So global frontend styles still apply to the interface.
As a quick and dirty workaround you could prefix each selector with body:not(.bricks-is-builder) e.g.
It’s quite messy with lots of selectors. I will add a rule to exclude loading global CSS when the bricks=run parameter is set in the URL. That should be ready in a few days.
Incidentally, the beta with conditional loading support would allow you to exclude the folder from loading by adding the following logic:
Thanks! Adding the bricks=run parameter in the next update to exclude global css by default sounds good to me. Will you implement that parameter in the conditional loading release as well? Or should I start using one of these two conditional logic examples by then?
I’m back from holiday now and I’ve just released a new version of MT (7.1.7.0) that fixes this. The next release of the beta and further releases will also include this fix, so you won’t have to do it manually.
just had a try with the new version, however now none of the MT styles are visisble on the page in the Bricks interface. That is a problem. Would it be possible to just prevent the MT styles affecting the Bricks UI, but still show every MT stylings on the Bricks page itself (the nested page iframe within Bricks)?
