Element Controls
- Diana Castillo Arroyo
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.