There’s a super handy way to edit geniallys when there are lots of elements on the canvas so that they don’t obstruct one another or get in the way: use the Hidden elements feature, which is part of Designer mode.
There is a tutorial for each feature of Designer mode; you’ll find them here.
In this tutorial you’ll learn how to use the Hide elements option. Discover:
- What is the Hide feature used for?
- How to hide elements in the Editor
- How to identify hidden elements in the Editor
What is the Hide feature used for?
You may find when editing certain templates that you come across an element that you can’t locate in the Editor but is visible when viewing the genially. Where is it coming from? It’s time to solve that mystery!
The Hide feature allows you to hide elements in the Editor to make editing your creations easier, especially when there are a lot of elements on the canvas.
When you’ve got several elements layered one on top of another and you need to edit the layers underneath, you can hide the top layers to easily edit whatever you need.
How to hide elements in the Editor
You can do this in the Layers tab in Designer mode.
- Activate Designer mode using the keyboard shortcut CTRL/CMD + M, or by opening the dropdown menu in the top right-hand corner of the Editor and clicking on Designer mode.
- Click on the Hide icon that appears when you hover your mouse over the name of the element.
You can make the element visible again at any time by clicking on the Hide icon.
TIP: Each element is named by default according to its type. It is useful to rename the elements to make it easier for you to identify them. You can do this by double-clicking on the name and writing the new name.
How to identify hidden elements in the Editor
To discover the hidden elements on a page, activate Designer mode and check the Layers tab. See the Hide icon highlighted in red? Those are the elements that have been hidden in the Editor.