Control panes
Master the five right-side control panes: Content, Design, Effects, Outline, and CSS Preview.
Control panes overview
An introduction to the five right-side control panes in Site Designer: Content, Design, Effects, Outline, and CSS.
Content pane
Use the Content pane to edit text, links, image sources, and custom HTML attributes for any selected element.
Design pane
The Design pane has two sub-tabs — Element for selectors and Style for all CSS visual controls.
Effects pane
Add transitions, hover effects, animations, and CSS filters to elements using the Effects pane.
Outline pane
The Outline pane shows your full page DOM as a tree. Drag rows to restructure without touching the canvas.
CSS preview pane
The CSS pane shows the computed CSS rules for the selected element — helpful for debugging and learning.