Heading

The Heading block lets you display a prominent title to capture attention and introduce the section’s content. You can edit the text, adjust width, choose a heading level, and customize padding to fit your layout.

General settings

Setting
Description

Heading

Custom title block

Preset

Selects a predefined text style (e.g., Heading 2) which controls the visual size and appearance. You can edit these presets globally in theme settings.

Heading tag

Sets the underlying HTML tag (H1 to H6) for the heading. This is critical for controlling content hierarchy and enhancing SEO readability for search engines.

Desktop alignment

Only visible when Width is not Fit.

Controls the horizontal positioning of the heading content on desktop screens:

  • Left

  • Center (Default)

  • Right.

Mobile alignment

Only visible when Mobile Width is not Fit.

Controls the horizontal positioning of the heading content specifically on mobile devices:

  • Left

  • Center (Default)

  • Right.

Size

These settings control the width the heading block occupies within the section.

Setting
Applies To
Description

Width

Desktop

Defines the width of the heading block on larger screens:

  • Fit (Size determined by content)

  • Fill (Expands to fill available space)

  • Custom (Allows setting a specific percentage width).

Mobile width

Mobile

Defines the width of the heading block on smaller screens (mobile devices):

  • Fit

  • Fill

  • Custom.

Spacing

These settings control the external spacing (padding) applied directly above and below this specific block.

Setting
Description

Top

Sets the amount of empty space (padding) above this button block. Measured in pixels (px) (Range: 0px to 100px).

Bottom

Sets the amount of empty space (padding) below this button block. Measured in pixels (px) (Range: 0px to 100px).

Last updated