SiteWays Studio

Title

Favicon

Meta Description

Keywords

Social Share Image URL

Open Graph Title

Open Graph Description

Show advanced SEO fields

Per-page SEO (title/description for an individual page) is still set from that page's right-click menu â€" this tab covers site-wide defaults, used when a page doesn't set its own.

Palette Generator

Base Color

Named Color Palette

Default Font

Custom Fonts

Typography Scale

Default size, line height and letter spacing for common tags â€" used project-wide unless an element sets its own.

Scale from <p> size using a ratio:

Tag	Size	Line height	Letter spacing

Responsive layout protection

On by default. Stacks multi-column layouts, wraps flex rows, and neutralizes fixed sizing below the breakpoint so pages don't overflow on phones/tablets. Turning this off is an advanced, unsafe choice â€" only do it if you know what you're doing.

Mobile breakpoint (px)

Images on mobile

Maximize browser compatibility

Adds a baseline CSS reset (box-sizing, text sizing, word wrapping, etc.) so the site behaves consistently across Chrome, Firefox, Safari and Edge.

New sections use Grid layout by default

Off by default â€" new sections start in free-canvas mode. Turn this on if most of your work is column-based and you'd rather opt out of grid per section instead of into it.

Columns

Column gap (px)

Row gap (px)

Container max width (px)

Horizontal padding (px)

Responsive behavior

Desktop always uses the column count above. Tablet can use fewer columns; mobile stacks into a single column unless a section overrides it.

Tablet columns

Stack to 1 column on mobile

The default language is always enabled and can't be removed â€" make another language the default first if you need to remove it. The "Editing" dropdown in the toolbar switches which language you're writing content in; it only appears once more than one language is enabled here.

Add a language

Transparent background

Color

Image / Asset URL

Apply palette color to

Template / project palette

Click a color field first, then choose a palette color.

Use gradient instead of image

Type

Direction

Color 1

Color 2

Color 3

Add image overlay/filter

Preset

Overlay color

Opacity 45%

Repeat / Tile

Position

Scroll

Image size

Zoom 100%

Shape & Spacing

Width

Height

Margin

Border

Padding

top right bottom left top right bottom left top right bottom left

Corners

Border Radius (CSS)

Frame width 1px

Color

Style

Frame edges

Margin

Padding

Shadow

Opacity 100%

Page

Search (key, page, component)

Missing translations only

`Click`	Select element
`Ctrl`+`Click`	Add / remove from multi-select
`Drag` on canvas	Rubber-band select area
`Click` canvas	Deselect all
`Delete`	Delete selected element

`Double-click`	Start editing text
`Enter`	Insert line break
`Escape`	Cancel / finish edit

`Right-click` element	Open element menu
`Right-click` canvas	Open page menu
`Right-click` multi-select	Align & resize tools

`Scroll`	Width Â±8 px
`Shift`+`Scroll`	Height Â±8 px
`Ctrl`+`Shift`+`Scroll`	Width & height Â±8 px
`Ctrl`+`Scroll`	Font size Â±1 px

`Ctrl`+`Click` Ã—2+	Select multiple elements
Right-click â†’ Align left	Align left edges
Right-click â†’ Align center	Center horizontally
Right-click â†’ Align right	Align right edges
Right-click â†’ Same W / H / Size	Match dimensions to first

`?`	Open this shortcuts reference
`Delete`	Delete selected element
`Enter` in AI chat	Send AI message
`Shift`+`Enter` in AI	New line in AI chat