The Divi Layers View adds a very quick and easy way to view, rearrange, edit, and rename your elements.

This is especially true when you have elements with transition effects or negative margins that would normally be tricky to click on the traditional way.

Divi's Layers View gives you easy access to any element within your page. It's small, so you can keep it open in a corner or wherever is convenient during the design process.

Additionally, the layers view works well to help you access elements in complex designs with overlapping elements or altered transform controls.

When the layers view is active, you can click on any section, row, column, or module to edit it with ease.

There are two ways to access the Divi layers view panel.

When the panel appears, you'll have access to every section and all elements within the page.

The Divi Layers View panel interface is easy to navigate and allows for many actions, including:

You can expand and collapse layers with ease. Click either the open/close all icon or individual layers to control the elements contained within each section.

Within the Divi layers view, you can drag and drop elements, rows, or sections to rearrange them on your page. This makes moving items on your page much easier than dragging sections around in the Visual Builder.

You can add a layer to your page by dragging many file types into the Visual Builder from your desktop. Text files, images, custom code, video, and audio import easily.

When your files are imported, Divi will automatically create a section at the bottom of your page and assign it to the appropriate module within a section.

Refer to our written documentation to learn more about Divi's drag-and-drop file upload.

The Divi layers view panel allows you to filter contents on your Divi pages.

This is useful when locating a specific module or element, especially on pages with lots of content. To use the layers filter option:

Divi will filter all elements on the page to show only your chosen filtered option.

When you need to select more than one layer in the panel, it's quite easy.

To rename elements in the Divi layers view

Searching for elements works similarly to the filtering option. However, just type in the element you wish to search for.

Divi will display only those layers containing the searched element. For example, a text search will reveal all text modules on the page.

As with other functions of the layers view, deleting elements is easy.

To make the best use of Divi's layers view, there are a few best practices you should follow.

The layers view panel is handy when editing complex layouts with overlapping elements.

If you're a seasoned Divi user, clicking on a layer set to absolute or one with negative margins can be frustrating. With layers view, editing those elements is a lot easier. Activate the panel to select and edit the layer.

Dragging sections and rows around in the Visual Builder can be tedious and sometimes cause undesired results. Using the layers view makes dragging and dropping layers throughout your layout easier.

Consider using it to reposition your rows and sections. Doing so saves time and is a great way to have ultimate control over your layout.

Most Divi users know how to use admin labels to name their modules. Since the launch of Divi's Visual Builder, there are other ways to go about it.

The layers view lets you easily rename your modules and elements. Additionally, naming your elements is an important way to tell them apart without having to go directly to the element itself.

In addition to clicking into your section, row, column, or module to give admin labels a name, you can change the layer's name. However, it would be best not to double-click the label. If you do, the corresponding section will open.