Skip to content
Tread Documentation

Content cards

A grid of media cards with overlaid text — for example a “Shop by category” style layout. Limited to 8 blocks. Not available in the header, drawers, or popups.

Content card settings

Section titled “Content card settings”
  • Column count — number of columns on desktop. Range 1–5, default 3.
  • Mobile layout — Stacked or Inline. Default Stacked.
  • Aspect ratio — 1:1, 4:5, 3:4, 2:3, 4:3, 16:9, or 9:16. Default 1:1.
  • Aspect ratio (mobile) — 1:1, 4:5, 3:4, 2:3, 4:3, 16:9, or 9:16. Default 1:1.
  • Remove gaps — removes the spacing between cards. Default off.

Section settings

Section titled “Section settings”
  • Color scheme — default Scheme 1.
  • Spacing — where padding is applied: Bottom, Top, Top and bottom, or None. Default Top and bottom.
  • Spacing size — how much padding: Base, Small, or X-small. Default Base.
  • Container size — Full, Wide, or Normal. Default Normal.
  • Include header offset — offsets the section by the height of the header, in addition to the top padding. Default off.

Blocks

Section titled “Blocks”