WIP: Elements loose custom CSS when saved as global element

When I style an element through plain CSS (in the “CSS” pane of the “Style” tab), this custom CSS is no longer applied when I save this element as a global element. (Styling settings from other panes still apply though.)

As far as I can tell, this beaviour does not depend on the element type.

Applying the CSS code through a CSS class does also not work as expected.

Hello @martin.sauter,

just to confirm my testing. When you add this new “global element” to the structure, is the CSS part empty, or it’s just the wrong selector?

Let me know,
thanks!

Ah – got it! When I am using %root% in my CSS code, it is replaced by a Bricks ID (like: #brxe-ibxbcx) which is specific not to the global element but to every instance of the global element.

When I do the following though, this works only in the frontend – but not within the Bricks builder:

Hi,

thanks. I’ve added this topic to the bug report and will be updated once we fix this.

Best regards,
Matej