Element Controls

Owned by Diana Castillo Arroyo
Last updated: Sept 29, 2023
2 min read

Every single element has is own toolbar once you click on the area corresponding to an element the toolbar will open.

Toolbar Top Bar:

The first two options will help us to move the element inside the parent container.

 

The “plus” button open a pop up displaying the widgets.

Note: this option will be available only in the grid (width pink border inside a section), flex box (width pink border inside a flex section) and inner flex box elements.

 

The following options duplicate or delete the element.

 

Minimize the toolbar.

Toolbar Navigation:

Breadcrumb: Through the breadcrumbs is possible to navigate hierarchically between elements.

ID: The element's unique identifier can be copied for styling, script manipulation, or internal linking.

Toolbar Tabs:

Depending on the chosen element, you can click through the tabs to customize it further:

  • Content: to set the configuration of the element.

  • Design: to style the element (background, border, spacing, color, etc)

  • Advance: select or add custom classes, hide in different devices or copy the element style.

Note: content tab isn’t available for all elements in the editor.