Section heading
A heading whose alignment comes from the section around it. It can sit on an optional pill background.
Where it is used
Used in the password-page section. It is also a default block in the image-with-text, image-with-text-overlay, mixed-content, rich-text and video-with-text-overlay sections, and it can be added to a Marquee block.
Settings
View the block guide .
| Setting | Options | Description |
|---|---|---|
| Heading | The heading text. Its alignment follows the content alignment of the section it sits in. |
Layout
| Setting | Options | Description |
|---|---|---|
| Width | • Fit | Fit makes the heading only as wide as its text, and Fill stretches it across the full width. |
Typography
| Setting | Options | Description |
|---|---|---|
| Typography preset | • Default | Edit presets in theme settings (/editor?context=theme&category=typography) |
| Heading tag | • H1 | The HTML tag the heading uses, from H1 to H6. It sets the heading level that search engines and screen readers read, without changing how large the text looks. |
Appearance
| Setting | Options | Description |
|---|---|---|
| Show background | Puts the heading on a colored background shape. | |
| Background color | Fill color behind the heading. Shown when Show background is on. | |
| Text color | Color of the heading text. Shown when Show background is on. | |
| Corner radius | Corner rounding of the background shape, in pixels. Shown when Show background is on. |
Spacing
| Setting | Options | Description |
|---|---|---|
| Top padding | Space above the heading, in pixels. | |
| Bottom padding | Space below the heading, in pixels. |
Heading tag sets the HTML heading level. Typography preset sets how large the heading looks. The two are set separately, so a level 2 heading can be styled at a smaller size. Typography presets are edited in theme settings.
No comments yet