Builder Workspace

Main Areas

The builder is organized into these main areas:

• top toolbar for builder actions and alignment tools
• slide canvas for the active slide
• slide manager for adding and ordering slides
• left-side controls for project and slide actions
• right-side panels for layer options
• history and timeline areas for editing flow

[screenshot_here]

Common Builder Actions

You can use the builder to:

• add new slides
• duplicate slides
• delete slides
• switch between slides
• add new layers
• move, resize, rotate, align, and reorder layers
• save the slider
• preview the slider
• export the slider

Working on the Canvas

When editing a slide:

• the centered slide content area is the working frame
• layers are positioned inside that content area
• guides, grids, and layout columns can be shown to help alignment
• alignment tools can snap layers to left, center, right, top, middle, and bottom positions

Per-Slide Guides, Grid, and Columns

Each slide stores its own layout-aid settings. Switching slides restores that slide’s:

• vertical and horizontal guides
• grid visibility and dimensions
• vertical layout columns and dimensions
• horizontal layout columns and dimensions

Cloning a slide also clones its saved guides, grid, and column configuration.

Create guides by dragging from the rulers. To delete guides:

• drag a vertical guide back into the left ruler zone
• drag a horizontal guide back into the top ruler zone
• right-click a guide to delete it or clear guides by orientation
• use Arrange to clear vertical guides, horizontal guides, or all guides on the active slide

Use Ctrl + ; to toggle guides, Ctrl + ' to toggle the grid, Ctrl + Alt + V for vertical columns, and Ctrl + Alt + H for horizontal columns.

Selecting Multiple Layers

You can select more than one layer when you want to manage them together.

• hold Shift and click additional layers to add or remove them from the current selection
• use drag-selection on the canvas to select multiple layers at once
• use Ctrl + A to select all layers on the active slide

When more than one layer is selected, the builder enables layer grouping actions.

[screenshot_here]

Grouping and Ungrouping Layers

Grouping lets several layers move together while staying as separate editable layers.

Typical uses:

• build card-style layouts from shape, text, button, and icon layers
• keep badge and label combinations together
• move several headline or CTA parts as one unit

To group layers:

1. select two or more layers
2. use the group action in the builder menu
3. or press Ctrl + G

To ungroup:

1. select a grouped layer
2. use the ungroup action
3. or press Ctrl + G again when the active layer belongs to a group

Grouping and ungrouping are logged in builder history, so you can undo or redo them like other layer actions.

[screenshot_here]

Dragging Grouped Layers

Grouped layers can still be edited individually, but dragging one grouped member moves the full group together.

This means:

• the active grouped layer remains the main selected layer
• the other grouped members follow during drag
• the moved group position is saved in history after the drag completes

Use grouping when you want coordinated movement, not when you need one merged flattened layer.

Layer Context Menus

The builder also includes a layer context menu for quick actions.

Open it by right-clicking a layer on the canvas.

Common context-menu actions include:

• hide or unhide layer
• lock or unlock layer
• clone layer
• open layer settings
• delete layer
• remove one layer from a group
• copy, paste, or clear style
• transform actions such as flip
• align actions
• arrange actions such as bring forward or send backward

The context menu also shows keyboard shortcuts where available, and those shortcut labels adapt automatically for Windows and macOS.

[screenshot_here]

Keyboard Shortcuts

The builder includes keyboard shortcuts for common editing actions.

Action	Shortcut
Move selected layer	Ctrl + Arrow Keys
Resize selected layer	Shift + Arrow Keys
Rotate left	Shift + L
Rotate right	Shift + R
Flip horizontal	Alt + Shift + Left or Alt + Shift + Right
Flip vertical	Alt + Shift + Up or Alt + Shift + Down
Align left edges	Ctrl + Shift + Left
Align horizontal centers	Ctrl + Shift + -
Align right edges	Ctrl + Shift + Right
Align top edges	Ctrl + Shift + Up
Align vertical centers	Ctrl + Shift + |
Align bottom edges	Ctrl + Shift + Down
Bring forward	Ctrl + ]
Bring to front	Ctrl + Shift + ]
Send backward	Ctrl + [
Send to back	Ctrl + Shift + [
Undo	Ctrl + Z
Redo	Ctrl + Shift + Z
Hide selected layer	Ctrl + H
Lock selected layer	Ctrl + L
Clone selected layer	Ctrl + C
Select all layers	Ctrl + A
Group selected layers	Ctrl + G
Delete selected layer	Delete
Open slide settings panel	Alt + A
Open layer settings panel	Shift + S
Open slide manager panel	Alt + Shift + S
Export slider	Ctrl + E
Open preview	Ctrl + Alt + P
Save slider	Ctrl + S
Toggle fullscreen	Shift + F
Show or hide guides	Ctrl + ;
Show or hide grid	Ctrl + '
Show or hide vertical columns	Ctrl + Alt + V
Show or hide horizontal columns	Ctrl + Alt + H
Go to previous slide	Alt + Left
Go to next slide	Alt + Right

[screenshot_here]

Where Each Option Lives

The builder becomes easier to use when you separate the option areas correctly:

Slider Options

These affect the full slider and are usually managed from the slider settings panels.

Examples:

• layout
• slider size
• autoplay
• transition speed
• control styles
• dots, numbers, and thumbnails
• carousel mode
• loader and progress settings

Slide Options

These affect only the active slide.

Examples:

• background type
• background image
• background video
• slide-specific media presentation

Layer Options

These affect only the selected layer.

Examples:

• text content
• caption content
• HTML content
• image source
• video source
• audio source
• font settings
• width, height, top, and left values
• border, radius, opacity, and shadow
• animation in and out
• action triggers

[screenshot_here]

History and Editing

The builder includes undo and redo controls and a visible history list so you can move back through recent editing states during a session.

Undo and Redo

The undo and redo tools work on the current slide you are editing.

• Undo steps backward through recent actions on the active slide
• Redo steps forward again after an undo
• the History panel lets you click a visible history point to jump to that state directly
• the active history point is highlighted so you can see the current step

Typical actions that create history points include:

• moving a layer
• resizing a layer
• grouping layers
• ungrouping layers
• changing a slide background
• editing layer content
• duplicating, removing, locking, or hiding layers

How to Work Safely

• use Save when you want the current builder state written to the slider in WordPress
• use history for recent editing changes during the session
• use the History clear action only when you want to remove the recent undo and redo trail for the current slide

History is slide-based, so switching to another slide gives you that slide’s own recent editing trail instead of mixing every slide into one list.

[screenshot_here]