Skip to content

Section settings

Many section types have configurable options — things like column count, display style, and image fit. These are accessed through the section’s settings modal.

Hover over any section to reveal its editing controls. If the section has settings available, you will see a gear (⚙) button in the upper-right of the section. Click it to open the settings modal for that section.

The gear button appears on a section that has settings The gear button appears on a section that has settings

The modal is titled with the section’s type name (for example, “Colors Settings” or “Media Settings”).

A section's settings modal, titled with the section type A section's settings modal, titled with the section type

Settings vary by section type. Here is what each type offers:

  • Columns — how many color swatches appear per row (2, 3, or 4)
  • Label — an optional text label for the color group
  • Show label — toggle whether the label is visible
  • Collapsing layout — toggle a layout mode that adjusts how swatches stack at smaller sizes

Settings are organized into two tabs:

Display tab

  • Square aspect ratio — force the image into a square crop
  • Show caption — show the image’s caption below it
  • Border — add a subtle border around the image
  • Image fit — choose between Contain (the full image fits within the space) or Cover (the image fills the space, cropping the edges)

Link tab

  • Link — attach a URL to the image so clicking it navigates somewhere
  • Columns — how many columns the container lays its children across
  • Flow — whether children fill across rows or down columns first
  • If the children inside the container support shared options (such as image fit for a row of Media sections), an Apply to all items section appears with those shared controls
  • Default icon — choose a default icon that applies to all list items without their own icon set
  • Show labels — toggle whether item labels are visible
  • Stack label above text — when labels are shown, place the label on its own line above the item text

Settings take effect in your working copy as soon as you change them — you can see the result behind the modal while it is still open. Close the modal when you are satisfied. Changes go live when you save or publish.