🖌️How to use site editor

Access the Site Editor by going to your Site Dashboard and clicking on "Pages.

To customize a specific page, click on the "Edit" button next to it.

The Site Editor will open, presenting various customization options.

Editor Top Toolbar

At the top, you'll find the SiteBun logo, allowing you to return to the Site Dashboard.

Current Page Name:

Identify the current page you are editing.

Add Blocks / Templates:

Click the "+" icon to access a menu of available blocks and templates for your website.

Block Options:

Upon selecting a block, various options appear above it.

• Up Arrow: Select the parent container of the block.

• Drag Option: Move the block to a different position by clicking, holding, and dragging.

• Duplicate: Create a copy of the selected block.

• Delete: Remove the block from the page.

• Block Settings: Opens a popup with block settings and layers for the selected block.

Block Settings:

In the Settings tab, customize options such as colors, sizes, padding, margin, etc. These settings vary for each block.

Layers:

In the Layers tab, view all sections and blocks in layers. Modify settings for each layer as needed.

Top Right Options:

In the top right corner of the header, find three options:

Responsive: Preview and customize the website's appearance on smaller devices.

Eye Button: Click to preview your website in live mode.

Save Changes: Save any modifications made during the editing process.