Navigate using arrow keys
Navigate between child and parent elements using the arrow keys.
We’re transitioning to a new UI, and are in the process of updating our Webflow University content.
In web design, some elements have child elements with their own child elements. For example, a Section could contain a Div block that could contain a Heading, Paragraph, and Button. You can view this element hierarchy in the Navigator
In the Webflow Designer, you can visually select elements on the Canvas and style them however you want in the Style panel. But you can also style multiple elements on a page without your cursor leaving the Style panel.
Use keyboard arrows to navigate between elements and their child elements on the Canvas:
- The up arrow selects an element’s parent
- The down arrow selects an element’s child
- The left and right arrows select between sibling elements on the same level
Check out our full list of keyboard shortcuts in the Designer.