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/Alt + Click on a style property label to clear that specific style instantly.
- Right-click the class name and select Reset All Styles to remove all custom styles from that class at once.
Webflow's new shortcut lets you quickly remove all styles from a selected element without resetting each property manually.
1. Use the "Option + Click" (Mac) or "Alt + Click" (Windows) Shortcut
- To clear a single style property, Option + Click (Mac) or Alt + Click (Windows) on the blue property label in the Style panel.
- This instantly removes the applied style and reverts the property to its default (inherited or auto) state.
- For example, Alt + Click on the “Margin” label will remove all margin values at once.
2. Use the "Right-Click > Reset All" for a Class
- Right-click on the class name (in the Selector field at the top of the Style panel).
- Choose Reset All Styles to wipe all custom styles applied to that class.
- This is different from the shortcut above—it clears all styles, not just individual properties.
Summary
Use Option/Alt + Click on a style property label to quickly clear that specific style, or right-click the class name and choose Reset All Styles to strip all custom styles from that class. This significantly speeds up the process of resetting styles in Webflow.