Icon
An icon above (or beside) a short heading and description — the usual shape for a row of benefits or reassurances.
The three pieces are fixed: an image, a title and a description, always in that order. You edit each by selecting it in the customizer’s block list, nested under the Icon.
Settings
Section titled “Settings”| Setting | What it does |
|---|---|
| Ellipse background | A colour for the circle behind the icon. Defaults to a warm cream (#f0e6d8). Only applies in the stacked layout. See the caution below. |
What’s inside
Section titled “What’s inside”| Piece | Block |
|---|---|
| Image | Image — the icon itself |
| Title | Title — the short heading |
| Description | Rich text — the supporting line |
Stacked and inline layouts
Section titled “Stacked and inline layouts”The block has two arrangements, chosen by the section it sits in rather than by a setting here:
- Stacked — a large icon centred above centred text. The default.
- Inline — a small icon to the left of left-aligned text, in a tighter row.
There’s no control for this on the block. If the layout is wrong, it’s the section’s setting that needs changing.
- Use a simple, single-colour icon. These are rendered small and centred; detailed illustrations turn to mush.
- One line of description. The inline layout in particular has very little room before the text pushes the row out of alignment with its neighbours.