# Heading block

Source: https://themes.spicydesign.ca/help/reference/blocks/heading/
Updated: 2026-11-12

A heading in any type preset, optionally fitted to the full width. Settings for the Heading block in the Picante Shopify theme.


A heading in any type preset, optionally fitted to the full width.

**Where to find it:** open any section sidebar that accepts theme blocks, choose **Add block**, then pick **Heading**.

The same block in the three themes:

![The Heading block in the Picante style.](https://themes.spicydesign.ca/help/shots/block-heading--picante.webp)

![The Heading block in the Overdrive style.](https://themes.spicydesign.ca/help/shots/block-heading--overdrive.webp)

![The Heading block in the Pastille style.](https://themes.spicydesign.ca/help/shots/block-heading--pastille.webp)

When you add this section, you can start from these presets: **Heading**, **Giant heading**.

## Settings

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Heading | Inline text | Make it bold |  |  |

### Typography

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Text style | Select | Heading 2 | Body, Intro text, Small heading, Heading 6, Heading 5, Heading 4, Heading 3, Heading 2, Heading 1, Extra large heading, Custom |  |
| Font | Select | Heading | Heading, Accent, Body | Shown when **Text style** is Custom. |
| Font size | Slider | 48 px | 12 to 212 px, step 2 | Shown when **Text style** is Custom. |
| Line height | Select | Slightly tight | Tight, Slightly tight, Normal, Loose | Shown when **Text style** is Custom. |
| Letter spacing | Select | Normal | Tight, Normal, Wide | Shown when **Text style** is Custom. |
| Letter case | Select | Default | Default, Uppercase, As typed | Shown when **Text style** is Custom. |
| Text color | Select | Color scheme text | Color scheme text, Accent, Custom |  |
| Custom text color | Color |  |  | Shown when **Text color** is Custom. |
| Alignment | Text alignment | left | Left, center, right |  |
| Italic words | Select | Accent font | Italic, Accent font, Accent color, Accent font and color, Outline | Mark words as italic in the heading to style them differently. |
| Fit to full width | Checkbox | Off |  | Scales the line so it spans the whole width. Works best with short headings. |
| Largest fitted size | Slider | 0 px | 0 to 400 px, step 10 | Set to 0 for no limit. Shown when **Fit to full width** is on. |
| HTML tag | Select | Heading 2 | Heading 1, Heading 2, Heading 3, Heading 4, Heading 5, Heading 6, Paragraph, Plain text |  |

### Size

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Width | Select | Fill | Fit content, Fill, Custom |  |
| Custom width | Slider | 50 % | 10 to 100 %, step 5 | Shown when **Width** is Custom. |
| Max width | Select | None | None, Narrow, Normal, Wide |  |

### Colors and border

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Inherit color scheme | Checkbox | On |  |  |
| Color scheme | Color scheme | Scheme 1 |  | Shown when **Inherit color scheme** is off. |
| Border | Select | None | None, Solid, Dashed |  |
| Border thickness | Slider | 2 px | 1 to 8 px, step 1 | Shown when **Border** is not None. |
| Corner radius | Slider | 0 px | 0 to 80 px, step 2 | Shown when **Inherit color scheme** is off or **Border** is not None or **Corner radius** is on. |

### Padding

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Customize padding | Checkbox | Off |  | Padding settings stay visible while any side has padding. Set a side to 0px to remove its padding. |
| Top padding | Slider | 0 px | 0 to 100 px, step 2 | Shown when **Customize padding** is on or **Top padding** is on or **Bottom padding** is on or **Left padding** is on or **Right padding** is on. |
| Bottom padding | Slider | 0 px | 0 to 100 px, step 2 | Shown when **Customize padding** is on or **Top padding** is on or **Bottom padding** is on or **Left padding** is on or **Right padding** is on. |
| Left padding | Slider | 0 px | 0 to 100 px, step 2 | Shown when **Customize padding** is on or **Top padding** is on or **Bottom padding** is on or **Left padding** is on or **Right padding** is on. |
| Right padding | Slider | 0 px | 0 to 100 px, step 2 | Shown when **Customize padding** is on or **Top padding** is on or **Bottom padding** is on or **Left padding** is on or **Right padding** is on. |

### Motion

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Animation on scroll | Select | Theme default | Theme default, None, Fade, Slide up, Scale in, Wipe, Blur in |  |