| Setting | Description |
|---|---|
| Color scheme | The background and text colors behind this column. Schemes are defined in Theme settings > Colors. Give it a different scheme from its neighbours when the wording should read as a panel of its own. |
| Vertical alignment | Where the wording sits against the taller blocks beside it.
|
| Width | How much of the row this column claims. Wording usually needs less room than a picture, so it can carry the smaller share. |
| Setting | Description |
|---|---|
| Content alignment | Which edge the wording lines up with.
|
| Padding inline | Breathing room on the left and right of the wording, so the text does not run into the block beside it. * Note: Padding inline is automatically optimized for mobile. |
| Padding block | Breathing room above and below the wording, useful when this column has a color scheme of its own and needs to read as a panel. * Note: Padding block is automatically optimized for mobile. |
| Setting | Description |
|---|---|
| Heading, Subheading, Description | The three lines of wording in this column: the big line shoppers read first, a short label above it for context, and the paragraph below carrying the detail. |
| Width | How much horizontal room the wording is allowed inside the column.
|
| Typography - Preset | The font, size, and weight of the wording, taken from the presets in Theme settings > Typography. Choose a smaller preset when the paragraph runs long. |
| Background | Puts a solid panel behind the wording, which separates it from a colored or patterned section background. |
| Background color | The color of that panel. Pick one with enough contrast against the wording, or the text becomes harder to read than it was without it. * Note: Only appears when Background is enabled |
| Corner radius | How rounded the corners of that panel look. Higher values give a softer shape, 0 leaves the corners square. * Note: Only appears when Background is enabled |
| Padding top/bottom | Breathing room above and below the wording. Increase it when the text presses against the edge of the column. |
| Setting | Description |
|---|---|
| Button label | The words shoppers click. Leave it empty and no button is shown at all, which leaves the wording with nothing to act on. |
| Button link | Where that click takes shoppers, usually the collection or page the wording is about. |
| Type | How much the button stands out from the wording around it.
|
| Open link in new tab | Loads the destination in a second browser tab, so the store stays open behind it. Useful when the link points outside your store. |
| Spacing bottom | Space left under the button. Increase it when the button sits too close to whatever follows it in the column. |
| Setting | Description |
|---|---|
| Heading | The bold line of this grid entry. Keep it short, since several entries share the width of the column. |
| Description | The supporting line under it, carrying the detail the heading has no room for. |
| Setting | Description |
|---|---|
| Link | Where a click on the icon takes shoppers. Leave it blank when the icon is decoration rather than a shortcut. |
| Open link in new tab | Loads that destination in a second browser tab, so the store stays open behind it. |
| Image | Your own artwork in place of a built in symbol, for example a certification mark or a partner logo. |
| Svg icon | One of the symbols that ship with the theme, the quickest route to something that matches the rest of the store. |
| Width | Controls the icon width on desktop. Adjust it to make the icon more or less prominent without changing the surrounding content. |
| Mobile settings - Width | The same on phones, set separately so a symbol sized for desktop does not crowd a narrow screen. |
| Setting | Description |
|---|---|
| Spacing bottom | Space left under the row of social links, so they do not sit against whatever follows them in the column. |