Back to updates
Feature
Designer

Focus mode in style panel

We’ve added a new setting to the style panel to focus in on the properties section you’re currently working in by collapsing other sections automatically.

Focus mode in style panel

<p>Sometimes when you’re building in Webflow, the style panel can get a bit tall and cumbersome to navigate. What if you could easily collapse all sections that you’re not working in? Well, wonder no longer, because now you can: with focus mode.</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:1440px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="1440px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21d5f6_pJIkWMn2zA4S1i-ShPZNa4kGPjEqZQ4ddyhmhJy-SkG-Cn0SBXKVwn5x1rVyEaeVTaY5-WUxfk-OMnNDgqes-egH0j8j7YuGDAqu7lmTWzxFfab6PXuxeGs7SDnYrcYmELkyvpzL.gif>" width="auto" height="auto" loading="auto"></div><figcaption>Enable focus mode to collapse all sections in the style panel but the one you’re working in.</figcaption></figure><p>To enable focus mode, open up the context menu at the top of the style panel and check that option.</p><p>This update also introduces a few new handy keyboard shortcuts:</p><ul><li>Alt/Option + S to expand/collapse all style panel sections</li><li>Alt/Option + Shift + S to toggle on and off focus mode</li><li>Alt/Option + Z to expand/collapse all navigator elements</li><li>Alt/Option + U to expand/collapse all items in the audit panel</li></ul>


Launched on
April 13, 2021
Category
Designer

Related updates

Custom tooltips for component props

Custom tooltips for component props

Learn more
Shared Libraries available on all paid Workspace plans

Shared Libraries available on all paid Workspace plans

Learn more
Introducing Webflow Interactions, powered by GSAP

Introducing Webflow Interactions, powered by GSAP

Learn more
Rename elements and component instances

Rename elements and component instances

Learn more
Advanced variables with functions

Advanced variables with functions

Learn more
See recently modified classes in the style selector

See recently modified classes in the style selector

Learn more