What is the new shortcut in Webflow that allows users to quickly clear out a style without having to manually reset each individual property?
TL;DR
- Use Option (Mac) or Alt (Windows) + click on a style property to reset it individually.
- Right-click an element and select "Remove All Styles" to instantly clear all custom styles.
Webflow introduced a new shortcut to quickly clear all styles from a selected element. This eliminates the need to reset each CSS property manually.
1. Use the New "Option + Click" or "Alt + Click" Shortcut
- Mac: Hold Option and click on the blue style property in the style panel.
- Windows: Hold Alt and click on the blue style property.
- This action will remove that specific style override, reverting it to its inherited or default value.
2. Use "Right-Click → Remove All Styles" for Full Reset
- Right-click any element in the Webflow style panel (or Navigator).
- Choose Remove All Styles to instantly reset all custom styles on the selected element, including layout, spacing, typography, colors, and more.
- This is the fastest way to completely clear the element’s custom CSS while keeping the element itself in the layout.
Summary
To quickly clear styles in Webflow, use Option/Alt + click on a property to reset it individually, or right-click and choose "Remove All Styles" to wipe out all custom styling from an element in one move.
