<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=241066823005528&amp;ev=PageView&amp;noscript=1">

Theme settings

Spacing, corners and panels

On this page

Spacing

Theme → Theme settings → Spacing

  • Vertical spacing: Default space above and below sections.
  • Maximum content width: The width of the content grid. Backgrounds of full-width sections still reach the edge of the screen.

Corners, panels and shadows

SettingWhat it does
Corner radiusRounding of cards, images and form cards
Card shadowNone, soft, medium or strong – used by elevated cards
Section spacing (mobile)Space between sections on small screens
Inset panel corner radiusRounding of sections set to Inset panel width
Inset panel gap to screen edgeSpace between an inset panel and the screen edge (max 8 px on mobile)

Good to know

  • Inset panels are Omni's framed look: A rounded section with a small gap to the screen edge. Set it per module under Styles → Layout → Module width. See Module width and inset panels.

Rounded corners everywhere

Corner radius under Corners, panels and shadows is inherited by every module: cards, images, panels, the header's dropdown, tabs and form cards follow it, and small parts such as icon chips scale with it. Set it once for the whole site (0–64 px); any module can still override it under Styles → Corners. Buttons have their own radius under Buttons and form fields under Forms, because they usually look best rounder or squarer than the cards.

Support

Did this answer your question?

If not, write to us and say which page you were on.