Layout and spacing
Control the overall layout dimensions and spacing of your Claro theme.
Page width
Set the maximum width of your content area. Navigate to Theme settings → Layout.
| Setting | Range | Default |
|---|---|---|
| Page width | 1000–1600px | 1400px |
| Page margin | 0–100px | 0px |
| Section spacing | 24–120px | 64px |
| Border radius | 0–24px | 0px |
Section spacing
Each section includes individual spacing controls:
- Spacing top — Space above the section (none / narrow / normal / wide)
- Spacing bottom — Space below the section
- Mobile spacing top — Override spacing on mobile
- Mobile spacing bottom — Override spacing on mobile
Section width options
Most sections offer two width options:
- Boxed — Content is contained within the page width
- Full — Content stretches edge to edge
Mobile width can be set independently for each section.
Border radius
The global border radius setting affects cards, images, and other rounded elements throughout the theme. Set it to 0 for sharp corners or increase it for a softer look.