Bricks Version: 1.6.1 Browser: Firefox OS: Windows
I added custom CSS at Page Settings > Custom Code > Custom CSS and it initially shows up nice in the builder, however once i save and re-enter the builder, the custom css is not applying in the backend (on the frontend everything looks great).
The only workaround I found to load the custom css in the backend was to go back to the custom css panel and edit the css. That seems to trigger it to load in the builder.
Is there something special I need to enable to get that CSS to automatically load in the builder, or is this a bug?
I was planning to go for custom CSS in page settings because it loads that CSS into that specific page only and not on the whole site. It is good for performance.
But due to this issue I cannot even work like if I have written the header CSS in the page settings of the header template and when I go on to other templates, that header styling isnt there and I cannot even do that code edit thing there because its a different template I am on.
ANOTHER ISSUE with this page specific CSS in bricks: It generates a duplicate code in the stylesheet, if you have set the CSS to load externally which makes no sense too.
Over all this Page settings>Custom Code feature is very buggy. Let me tell you another bug…
If you have coded an header script or footer scripts in page settings>custom code, those don’t even load in the builder at all. Even that code edit CSS thing dose not help.
I was able to reproduce the issue and added it to our bug tracker.
Thanks @Mirza for adding the additional issues. Without reports, it’s hard to fix issues we’re not aware of
The header and footer scripts could be risky, as a faulty script could lead to you no longer being able to open the builder and therefore no longer being able to remove/edit the faulty script. Accordingly, we need a kind of “safe mode” to unload faulty scripts. Overall, the implementation is not suitable for a quick fix and should be more than well thought through. Feel free to submit the idea on the idea board:
