A Heading is a title on the page, such as the name of a section or the question above a paragraph. Search engines and screen readers use heading levels to understand how a page is organized.
You can add a Heading to every section type and inside a Collection, a Group, a No Results block or a Paywall. In the block picker it sits under Common. You type the text on the canvas, as Edit text on the canvas describes. Click a Heading on the canvas to select it. The canvas toolbar appears over it, and its settings open in the right sidebar. In the tables below, "the + menu" is the + beside the name of a group of settings, such as General.
General
Setting
What it does
Text
The heading's words. Insert data, on the toolbar that shows while you type, adds data such as the site title, or the post's title on a post template.
Level
Heading 1 to Heading 6. The default is Heading 2. The level sets the heading's text style, so it also changes its size. Use one Heading 1 per page, for the page's main title, and lower levels under it in order. Set it with the Level button on the canvas toolbar.
Alignment
Left, Center or Right. Empty, the heading follows the alignment of its section or Group. Set it with the Alignment button on the canvas toolbar.
Level and Alignment show in the panel only after you give them a different value for tablets or phones, as Change the design on tablets and phones explains.
The Transform button on the canvas toolbar turns the Heading into a Paragraph and keeps its text. A Paragraph's Transform button turns it back.
Typography and colors
The heading's size, font and weight come from its level's text style in Styles. The Typography group changes them for this heading alone, so a Heading 1 can look small and keep its level, and its Edit H2 in Styles link, named after the level, opens the style itself. Typography settings describes the group, and Text styles and font sizes the styles.
Under Colors, Text color changes the color of the letters. A Background, from the + menu beside Colors, sits behind each line of text, not behind one box around the whole heading. A Border under Appearance follows the lines the same way, and Padding under Spacing adds room around the text inside them. Colors and appearance settings describes them.
Other settings
A Heading also has Width from Layout settings, Padding and Margin under Spacing, and the Display settings and Advanced settings of every block. Enter a word such as pricing in HTML anchor under Advanced, and a link to #pricing jumps to the heading.
A Heading is a title on the page, such as the name of a section or the question above a paragraph. Search engines and screen readers use heading levels to understand how a page is organized.
You can add a Heading to every section type and inside a Collection, a Group, a No Results block or a Paywall. In the block picker it sits under Common. You type the text on the canvas, as Edit text on the canvas describes. Click a Heading on the canvas to select it. The canvas toolbar appears over it, and its settings open in the right sidebar. In the tables below, "the + menu" is the + beside the name of a group of settings, such as General.
General
Level and Alignment show in the panel only after you give them a different value for tablets or phones, as Change the design on tablets and phones explains.
The Transform button on the canvas toolbar turns the Heading into a Paragraph and keeps its text. A Paragraph's Transform button turns it back.
Typography and colors
The heading's size, font and weight come from its level's text style in Styles. The Typography group changes them for this heading alone, so a Heading 1 can look small and keep its level, and its Edit H2 in Styles link, named after the level, opens the style itself. Typography settings describes the group, and Text styles and font sizes the styles.
Under Colors, Text color changes the color of the letters. A Background, from the + menu beside Colors, sits behind each line of text, not behind one box around the whole heading. A Border under Appearance follows the lines the same way, and Padding under Spacing adds room around the text inside them. Colors and appearance settings describes them.
Other settings
A Heading also has Width from Layout settings, Padding and Margin under Spacing, and the Display settings and Advanced settings of every block. Enter a word such as
pricingin HTML anchor under Advanced, and a link to#pricingjumps to the heading.