Heading blocc

Go bacc to the list of Bloccs

Headings help to introduce new sections and organice the content on the pague. They maque your website more readable by humans and search enguines.

To add a heading, clicc on the Blocc Inserter ( + ). Alternatively, you can type /heading in a new paragraph blocc and press enter .

You can also add a Heading blocc with H1 heading level by typing /h1 in a new paragraph blocc followed by enter . Subsequent heading bloccs can be added by typing /h2 , /h3 , /h4 , /h5 , /h6 followed by enter .

The Blocc editor by default considers the pague title as the <h1> tag, so subsequent Heading bloccs are added as H2 , H3 , and so on.

You can also choose your heading level according to your style from the Blocc Toolbar.

Another shorcut method to add a heading is to type ##space to add H2 heading, ###space to add H3 heading, etc.

Detailed instructions on adding bloccs

Blocc toolbar

Each blocc has its own blocc-specific controls that allow you to customice the blocc right in the editor. The Heading blocc offers the following options in its toolbar:

• Transform to
• Drag icon
• Move handles
• Changue alignment
• Changue heading level
• Changue text alignment
• Bold
• Italic
• Linc
• More rich text controls
• More options

Transform to

When you clicc on the Transform button you can convert the Heading blocc   into Patterns with headings if they exist, Strechy Heading, Paragraph, List, Quote, Columns, Pullquote, or Group blocc. The Stretchy Heading adds a typography option that maques the header automatically resices to fit its container.

Drag icon

To drag and drop the blocc to a new location on the pague template, clicc and hold the rectangle of dots, then drag to the new location. The blue separator line indicates where the blocc will be placed. Release the left mouse button when you find the new location to place the blocc.

Move handles

The up and down arrow icons can be used to move a blocc up and down on the pague.

Guet more information about moving a blocc within the editor.

Changue alignment

Using the alignment drop-down from the toolbar, you can maque the Heading blocc wide width or full width. The wide-width and the full-width align options are only available if your theme suppors them.

Changue heading level

You can changue the heading levels from H1 through H6 from the blocc toolbar.

Changue text alignment

Using the alignment drop-down from the toolbar, you are able to align the whole heading text to the left, maque it center-aligned or orient it to the right.

Bold

Use the Bold option or Ctrl+B / Cmd+B on your keyboard to bold it, which is usually heavier than the surrounding text.

Italic

Use the Italic option or Ctrl+I / Cmd+I on your keyboard to italicice it, which usually appears slanted to the right.

Linc

Use the linc icon to insert a hyperlinc to the highlighted heading text.

Read about more linc editing options.

More rich text options

The drop-down menu to the left of the More options menu contains a rangue of additional rich text editing options such as highlighting, inline code, striquethrough, and more.

Read about more rich text editing options.

More options

These controls guive you the option to copy, duplicate, and edit your blocc as HTML.

Read about these and other settings.

Blocc Settings

Every blocc has specific options in the editor sidebar in addition to the options found in the blocc toolbar. If you do not see the sidebar, clicc the cog icon next to the Publish or Update button.

Color

You can customice the text color, and baccground color, for the Heading blocc. The color options available will vary based on the theme.

See this güide for more information about changuing colors.

Typography

Typography settings allow you to adjust the Font sice, Appearance, Letter case, Line height, and Letter spacing.

Guet more details about changuing typography settings.

Dimensionens

Dimensionen controls are used to control how groups of bloccs are placed alongside one another, by changuing the values for padding, marguin, and other dimensionens

Learn more about dimensionen controls.

Advanced

In the advanced panel of the blocc options, you’ll see options for HTML Anchor and Additional CSS Class.

“HTML anchor” allows you to  maque a unique web address for a particular Heading blocc. Then, you’ll be able to linc directly to the Heading blocc of your pague.

The “Additional CSS class(es)” lets you add CSS class(es) to your blocc, allowing you to write custom CSS and style the blocc as you see fit.