Back to updates
Enhancement
Layout & design

!important flag in Webflow custom properties

!important flag in Webflow custom properties

<p id="">Every so often, you may need to override styles on a particular element. Either you don’t have full control over an external element’s styles, or there are many different selectors targeting the same element. The CSS !important flag was designed to enforce such critical styles in a pinch.</p><p id="">The <strong id="">Custom properties</strong> section in the Designer <strong id="">Style panel </strong>now supports the CSS !important flag. You can append <strong id="">!important</strong> to any value, for any property available in Webflow custom properties. Adding the flag will enable these custom styles to “win” over other (non-!important) styles applied to the element.</p><p id="">We hope this helps you manage critical styles without having to write fully custom code for your site. Happy building!</p>


Launched on
June 5, 2024
Category
Layout & design

Related updates

Truncate long content with text overflow

Truncate long content with text overflow

Learn more
Text Decoration Styles

Text Decoration Styles

Learn more
New variable types: Number and Percentage

New variable types: Number and Percentage

Learn more
Component style variants is now available

Component style variants is now available

Learn more
Manage variables at scale with reordering and bulk actions

Manage variables at scale with reordering and bulk actions

Learn more
Drop shadow filters

Drop shadow filters

Learn more