/
Element Controls

Element Controls

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.

 

Related content

Add Content (sections)
Add Content (sections)
More like this
Add Content (widgets)
Add Content (widgets)
More like this
Flex Box
Flex Box
More like this
Grid
Grid
More like this
Page Editor Builder
Page Editor Builder
More like this
Editor Tool
Editor Tool
More like this