All updates

Enhancement

Elements

New shortcuts for unwrapping elements and wrapping in H Flex or V Flex elements

Three new canvas and keyboard shortcuts to further streamline your workflow.

New shortcuts for unwrapping elements and wrapping in H Flex or V Flex elements

Today, we’re launching 3 new keyboard and canvas shortcuts to further streamline your workflow, making it easier and faster to build a pixel-perfect layout.

The first 2 shortcuts let you wrap an element in a V Flex or H Flex element by right-clicking on the canvas or typing the following shortcuts:

  • Wrap in H Flex: Command + H (on Mac) or Control + H (on Windows)
  • Wrap in V Flex: Command + G (on Mac) or Control + G (on Windows)

The third shortcut lets you unwrap an element, thereby removing its parent div, section, H Flex, etc. You can unwrap an element by right-clicking on the canvas or by using the following keyboard shortcut:

  • Unwrap element: Command + Shift + G (on Mac) or Control + Shift + G (on Windows)
Dialogue that appears when right clicking on any element with the mouse hovering over the unwrap option.

You can learn more about wrapping and unwrapping elements in our Webflow University article.

Today, we’re launching 3 new keyboard and canvas shortcuts to further streamline your workflow, making it easier and faster to build a pixel-perfect layout.

The first 2 shortcuts let you wrap an element in a V Flex or H Flex element by right-clicking on the canvas or typing the following shortcuts:

  • Wrap in H Flex: Command + H (on Mac) or Control + H (on Windows)
  • Wrap in V Flex: Command + G (on Mac) or Control + G (on Windows)

The third shortcut lets you unwrap an element, thereby removing its parent div, section, H Flex, etc. You can unwrap an element by right-clicking on the canvas or by using the following keyboard shortcut:

  • Unwrap element: Command + Shift + G (on Mac) or Control + Shift + G (on Windows)
Dialogue that appears when right clicking on any element with the mouse hovering over the unwrap option.

You can learn more about wrapping and unwrapping elements in our Webflow University article.


Launched on
August 16, 2023
Category
Elements

Related updates

Link faster with search

Link faster with search

Learn more
Additional form improvements

Additional form improvements

Learn more
Enhancements to improve your forms experience

Enhancements to improve your forms experience

Learn more
Increased custom code character limit

Increased custom code character limit

Learn more
Introducing the custom element

Introducing the custom element

Learn more
Speed up your build process with the new Quick Stack element

Speed up your build process with the new Quick Stack element

Learn more

Get started for free

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Get started — it’s free
Watch demo

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.