Skip to content
Tread Documentation

Corner radius

Theme settings → Corner radius

Controls how rounded corners are across the site. Each slider is independent, so you can mix sharp corners in one place with rounded corners in another.

  • Header — corner rounding on the header. Range 0–2rem, default 0.4rem.
  • Footer — corner rounding on the footer. Range 0–2rem, default 0.4rem.
  • Content — corner rounding on content boxes (images, cards, etc.). Range 0–2rem, default 1rem.
  • Content (hover) — corner rounding applied to content boxes on hover. Range 0–2rem, default 1rem.
  • Button — corner rounding on buttons. Range 0–2rem, default 1rem.
  • Button (hover) — corner rounding applied to buttons on hover. Range 0–2rem, default 1rem.
  • Product chip — corner rounding on product chip blocks (the small product preview card used in slides, etc.). Range 0–2rem, default 1rem.

A value of 0 gives sharp square corners; higher values give a more rounded, pill-like look.