Skip to content

Heading with images

Theme editor → Add section → Heading with images. A content section that shows a heading with small images embedded inline between its words. Available throughout the theme editor, except inside popups.

  • Subheading — optional short line of text shown above the heading.
  • Heading — the text. Supports inline rich text (bold/italic/links). Wrap a word in [brackets] to apply the scheme’s heading highlight color to it, e.g. Made for [every day].
  • Heading tag — the actual HTML heading tag used (H1–H6). Default H2.
  • Heading size — the visual size (H0–H6), independent of the tag. Default H1.
  • Use a different size on mobile — turn on to set a different visual size on mobile. Default off.
    • Size (mobile) (only when the above is on) — default H1.
  • Alignment — Left or Center. Default Center.
  • Width — size of the inline images. Range 2–15rem, default 5rem.
  • Image aspect ratio — 1:1, 4:5, 3:4, 2:3, 4:3, 16:9, 9:16, or Auto (each image’s own proportions). Default 1:1.
  • Color scheme — default Scheme 1.
  • Spacing — Bottom, Top, Top and bottom, or None. Default Top and bottom.
  • Spacing size — Base, Small, or X-small. Default Base.
  • Include header offset — if enabled, the section is offset by the header’s height in addition to the padding above. Default off.

The section has one block type, used to place the inline images.

  • Image — the image to show inline in the heading.
  • Position — which word in the heading this image appears after. Range 1–30, default 1.