Back to updates
Enhancement
Designer

Add classes faster with a keyboard shortcut

Now you can quickly jump to the selector field to give new elements a class by hitting CMD + Enter on Mac (CTRL + Enter on Windows).

Add classes faster with a keyboard shortcut

<p>Are you tired of moving your cursor to the selector input every time you want to add a class to a new element? We know — it can be a pain in the <em>CSS</em> (sorry).</p><p>Well, struggle no more: now you can add classes to new elements much faster by hitting CMD + Enter on Mac (CTRL + Enter on Windows), which will jump your cursor to the selector input.</p><figure class="w-richtext-align-center" style="max-width: 60%;" data-rt-type="image" data-rt-align="center" data-rt-max-width=""><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21c241class%20shortcut%20gif%20v5.gif>"></div><figcaption>‍Keyboard shortcuts: making life easier since the first keyboard shortcut.</figcaption></figure><p>This update also adds&nbsp;this option to the right click context menu as well, if that's more your style.</p><figure class="w-richtext-align-center" style="max-width: 704px;" data-rt-type="image" data-rt-align="center" data-rt-max-width="704px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21c26fzoom%20rc.jpg>"></div><figcaption>There's also a right-click option for all you right-clickers.</figcaption></figure><p>Oh — and if you didn't already know: we have a ton of other <a href="<https://university.webflow.com/article/keyboard-shortcuts-in-the-webflow-designer>" data-rt-link-type="external">keyboard shortcuts in the Designer</a>. So go crazy!</p>


Launched on
April 25, 2018
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