Style controls
A visual guide to every CSS style control — typography, dimensions, backgrounds, borders, and more.
Typography controls
Control font family, size, line height, letter spacing, alignment, and more from the Style pane.
Dimensions and length units
Set widths, heights, and spacing using px, %, em, rem, vw, vh, fr, ch, and auto — and understand when to use each.
Margin and padding
Control element spacing with margin (outside) and padding (inside) using Site Designer's visual spacing controls.
Background controls
Set background colors, images, gradients, and blend modes from the Style pane.
Borders and border-radius
Add borders, outlines, and rounded corners to elements with Site Designer's visual border controls.
Box shadow and CSS filters
Add depth with box shadows and apply visual effects with CSS filters from the Style pane.
Position and layout flow
Control how elements are positioned — static, relative, absolute, fixed, and sticky — and when to use each.
Overflow and z-index
Control what happens when content exceeds its container and how elements stack on the z-axis.
Transform and opacity
Move, scale, rotate, and skew elements with CSS transforms, and control visibility with opacity.
