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 or delete it.

...

Image Removed.

Image Added

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.