Wixel: Working with the Layers Panel
The Layers panel gives you a structured view of all the elements inside a project or specific design. Each element (e.g. text, image, shape) is represented as a layer, so you can see, select, re-order, group, and manage elements within a design.
Working with layers
Learn how to work with layers efficiently to help your project stay organized.
To work with layers:
Desktop browser
Click the Layers icon
at the bottom.
Choose what you want to do:
Manage design types
Click the More Actions icon
next to a design type.
Duplicate: Create a copy of the design.
Rename: Give the design a custom name to better organize your project and easily identify the designs you're creating.
Delete: Permanently remove the design and its contents.
Manage elements
Reorder elements by dragging the element up or down to change its position on the design.
Click the drop-down to open the elements list, then click the More Actions icon
next to an element within a design:
Duplicate: Create a copy of the element.
Rename: Give the element a custom name. This is helpful if you have a few graphics or text boxes in a design.
Delete: Permanently remove the element from the design.
Wixel app
Go to your project in the Wixel app.
Tap the Layers icon
at the top.
Choose what you want to do:
Manage design types
Tap the More Actions icon
next to a design type.
Duplicate: Create a copy of the design.
Rename: Give the design a custom name to better organize your project.
Delete: Permanently remove the design and its contents.
Manage elements
Reorder elements by dragging the element up or down to change its position on the design.
Tap the drop-down to open the elements list, then tap the More Actions icon
next to an element within a design.
Duplicate: Create a copy of the element.
Rename: Give the element a custom name. This is helpful if you have a few graphics or text boxes in a design.
Delete: Permanently remove the element from the design.
Grouping elements
Grouping elements makes it easier to organize your design and move, resize, or edit multiple elements at once. You can group any combination of elements, such as text, images, or shapes. The selected elements become a single group, which appears as a group in the Layers panel.
Note:
This feature is only available on your desktop.
To group elements:
Hold the Shift key and select the relevant elements in a design.
Click Group Elements on the action bar.
Tip: You can also press Ctrl + G / Cmd + G in your keyboard to group the elements.
Ungrouping elements
Ungroup elements at any time to return to managing elements individually. This doesn't remove the elements from your project, it only breaks apart the group they were in.
To ungroup elements:
Select the relevant group and click Ungroup Elements on the action bar.
Tip: You can also press Ctrl + Shift + G (PC) / Cmd + Shift + G (Mac) in your keyboard to quickly ungroup.
Tip:
On the Wixel app, select the relevant group and tap Ungroup Elements on the action bar.
FAQs
Click a question to learn more about layering in Wixel.
I can't find an element on my design. Where has it gone?
If an element seems to have disappeared, check the Layers panel. Open the Layers panel and look for the element in the list. It might be hidden behind other layers or frames. Reorder it by dragging it to the top of the element list in the frame.
How can I select overlapping elements on my page?
If some elements on your page overlap, use the Layers panel to find and select the exact item you want. The panel lists every element in your project, making it easy to choose, reorder, or adjust even the most hidden elements.
Tip:
You can also press Ctrl + Shift + M to toggle through the elements on the page until you reach the correct one, and Ctrl + M to toggle backwards through the elements.
Need A Professional Website?
Contact Us Today!
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected