When using the builder’s flex controls and setting the align-self property, the value will have an !important tag added to it.
I tested this on two different values: center and flex-start
The !important tag is added regardless of styling the ID or a class.
This is the first time I’ve noticed Bricks adding the !important tag when styling with builder controls.
Dear @touchdowntech ,
Thanks for checking with us.
Certain style properties will be set as !important by Bricks to overcome different scenarios in builder and frontend.
Example:
Layout elements (align-self)
SVG (fill, stroke, stroke-width)
Image Gallery (height)
Nested Nav (toggle’s width, color etc.)
and some other WooCommerce elements
Kindly provide some use cases where this setting is causing issues when using Bricks.
I will mark this thread as “NO BUG” for the time being.
Regards,
Jenn
It doesn’t follow best practices to set a property as !important by default. I didn’t run into an issue, but noticed it when inspecting code when troubleshooting something else.
If Bricks sets certain property values as !important it adds more confusion because that is not clear within the builder and it’s not consistent with how the rest of the builder works.
