Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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.

...

Image Added

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.

...

Image Added

The following options duplicate or delete the element.

Image Added

Minimize the toolbar.

Toolbar Navigation:

...

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

ID: The element or delete it.

...

'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.