Heading

Overview

The Title block allows you to add customizable headings inside any section. It helps structure page content and highlight important information such as section titles, promotional messages, or call-to-action headings.

How to use

1. Go to Customize Theme.
2. Open the section where you want to edit the title.
3. Select the Title block.
4. Enter your heading text in the Title field.
5. Choose your preferred Heading Size.
6. Adjust padding values if extra spacing is needed.
7. Click Save.

Heading Block

Overview

The Heading block adds a title to any section, such as Rich text, Group, Section heading or a slide. You can highlight chosen words, choose the heading level for search engines, and control the font, size, color, spacing and entrance animation. The same Heading block is used across the whole theme, so these settings work the same everywhere.

How to use

1. Go to Online Store → Themes → Customize.
2. Open the page and select the section where you want the heading, for example Rich text.
3. Click Add block → Heading, or select an existing Heading block.
4. Type your heading in the Text field. To highlight words, wrap them in square brackets, like Our [Story], then pick a Highlight style.
5. Choose the Level (H1–H6 or Paragraph) for the page outline and search engines.
6. Under Typography, pick a Preset, or choose Custom to set the font size, font, weight, line height and letter spacing yourself.
7. Choose a Color, then set the Width, Alignment and Padding under Layout.
8. Optionally, choose an entrance Animation.
9. Click Save.

Settings

Settings	Description
Text	Add the heading text. Wrap words in square brackets, like Featured [picks], or set them in italics to apply the Highlight style to them.
Highlight Style	Choose how the highlighted words look. Options include None, Outline, Outline only, Underline and Marker.
Level	Choose the HTML heading level: H1, H2, H3, H4, H5, H6 or Paragraph. This is for the page outline and search engines. The look comes from the Typography settings. Use only one H1 per page.
Preset	Choose a text style from your theme’s typography: Default, Paragraph, Subheading, Display extra large, Display large, Display small, Heading 1–6, or Custom to set it manually.
Font Size	Appears when Preset is Custom. Set the size on desktop (10–110 px).
Font Size on Mobile	Appears when Preset is Custom. Set the size on mobile (10–110 px).
Font	Appears when Preset is Custom. Choose which theme font to use: Body, Heading or Accent.
Font Weight	Appears when Preset is Custom. Choose Light, Regular, Medium, Semibold or Bold.
Line Height	Appears when Preset is Custom. Adjust the space between lines of text (80–200%).
Letter Spacing	Appears when Preset is Custom. Adjust the space between letters (-5% to 10%).
Color	Choose the text color: Text or Subtext (from the color scheme), Gradient, or Custom.
Custom Color	Appears when Color is Custom. Pick any color for the heading.
Gradient Color	Appears when Color is Gradient. Set a gradient to fill the heading text.
Width	Set the heading width on desktop: Fit (only as wide as the text) or Fill (the full available width).
Alignment	Appears when Width is Fill. Align the text Left, Center or Right on desktop.
Width Mobile	Set the heading width on mobile: Fit or Fill.
Alignment Mobile	Appears when Width mobile is Fill. Align the text Left, Center or Right on mobile.
Padding	Adjust the spacing around the heading using Top, Bottom, Left and Right controls (0–100 px).
Mobile Scale	Shrink the padding on mobile as a percentage of the desktop values (0–100%). For example, 80% turns 20 px of padding into 16 px on phones.
Animation Type	Choose how the heading appears as the page scrolls: None, Fade in, Rise up, Word by word or Split text: line by line.
Animation Delay	Appears when an animation is chosen. Wait before the animation starts (0–800 ms). Useful for staggering several blocks.