Skip to content

Heading block

Your 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:

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

Setting Type Default Options Notes
Heading Inline text Make it bold
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
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
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.
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.
Setting Type Default Options Notes
Animation on scroll Select Theme default Theme default, None, Fade, Slide up, Scale in, Wipe, Blur in