I’m new to Bricks Builder (version 2.3.9) and I’m having trouble with Global Classes.
I create a global class, give it a name, and add styles such as typography, color, font size, and responsive settings. I save the class, but when I add the same class to a new heading or another element, none of the styles are applied.
I’ve also attached a video showing exactly what happens.
Am I missing a setting? Is there something I need to do after creating a Global Class, or is there a difference between Global Classes and Global Styles that I’m not understanding?
Has anyone experienced this issue before or know what might be causing it?
Any advice would be greatly appreciated. Thanks!
l Styles that I should know about? Any advice would be appreciated. Thanks.
As far as I can see from the GIF, the styles are not located on the class, but on the ID of the element. You can see that if you deselect the class: there’s a settings indicator in front of the Typography settings.
For the class workflow, the important detail is the active selector. After adding the class to an element, click/select the class chip so the selector field shows the class, for example .my-heading as active/highlighted in blue, before changing typography, color, font size, or responsive styles. If the selector still shows the element ID, the styles are saved only to that element and will not be reused by new elements.
Also check whether the new element already has the same properties set on its element ID, because ID-level styles override global class styles (because of a higher specificity).
