Page Title

The page-title / hero bar. Drop a heading, subtitle, and breadcrumbs inside; choose alignment, a background image, parallax, and a dark scheme. It is shown in the block inserter as Page Title and registered as canvas-core/page-title.

Select the block on a page and its own settings open in the sidebar, in the panels below:

The Page Title settings in the block editor sidebar

Settings

Each setting is named exactly as the block editor names it, followed by what it does and what it starts as. Where a setting carries a Shown when line, it stays hidden until that condition is met, which is the usual reason a setting looks missing from the sidebar:

Settings

  • Use per-page settingsDefaultOff

    When on, this page title reads each page's own settings (background, dark, alignment, template) from the Page Title meta box / post meta instead of the fixed values below. Used by the "Page Title" template part so one part serves every page while style stays per-page (settable via the meta box or wp-cli).

  • AlignmentDefaultLeft

    Which way the title and its breadcrumbs line up. Mini also drops the background and the extra height, for a slim band above the content.

    ChoicesLeftCenterRightMini (compactno background)

  • Constrain to ContainerDefaultOn

    Wrap the content in a .container (centered, max-width). Disable for an edge-to-edge row.

  • Dark Color SchemeDefaultOff

    Apply the dark page-title styling (light text on a dark background).

  • Show Bottom BorderDefaultOn

    Show the default bottom border on the page-title. Disable for a borderless bar. (Template variants force this off.)

Variant

  • Layout VariantDefaultEmpty

    Apply a layout variant. Variants render borderless and adjust the layout styling.

    ChoicesNone (Default) (empty)BoldFeaturedBlogShopBoxes

  • Badge TextDefaultEmpty

    Small pill badge shown above the title (Featured and Boxes variants).

    Shown when Layout Variant is "Featured" or Layout Variant is "Boxes"

  • Primary Button TextDefaultEmpty

    Wording on the leading button. Leave it empty and no button is drawn.

    Shown when Layout Variant is "Featured"

  • Primary Button URLDefaultEmpty

    Where that button sends a visitor.

    Shown when Layout Variant is "Featured"

  • Secondary Button TextDefaultEmpty

    Wording on the second, quieter button beside it. Leave it empty and no second button is drawn.

    Shown when Layout Variant is "Featured"

  • Secondary Button URLDefaultEmpty

    Where that second button sends a visitor.

    Shown when Layout Variant is "Featured"

  • Show Entry MetaDefaultOn

    Show the date / author / category / comments row (Blog variant).

    Shown when Layout Variant is "Blog"

Content

  • CardsDefaultEmpty

    Quick-action cards under the title: one route to help each. A row with no title is skipped.

    Shown when Layout Variant is "Boxes"

    Each row of Cards takes:

    • IconDefaultEmpty

      Glyph for the card, drawn once beside the text and once large behind it.

    • TitleDefaultEmpty

      What this route is called.

    • DescriptionDefaultEmpty

      One line under the title, usually what to expect.

    • LinkDefaultEmpty

      Where the card leads. The icon and the action link both use it.

    • Action TextDefaultEmpty

      Wording on the action link at the foot of the card.

    • Watermark Behind the Whole CardDefaultOff

      Puts the large background glyph behind the whole card instead of inside its padded body, so it can run to the card edge.

Style

  • Background ImageDefault0

    Optional background image for the page-title bar.

  • Background Image URLDefaultEmpty

    Used only when no Background Image is chosen above.

  • Parallax BackgroundDefaultOff

    Render the background image as a fixed parallax layer (requires a background image).

    Shown when Background Image is set or Background Image URL is set

  • Background PatternDefault0

    A tiling pattern/texture image rendered as a repeating background (emits the page-title-pattern style). Takes precedence over a plain background image.

  • Background Pattern URLDefaultEmpty

    Used only when no Background Pattern is chosen above.

  • Use the Theme TileDefaultOff

    Draw the tiled pattern background the theme ships. Choose a Background Pattern above to tile a picture of your own instead.

  • Transparent BackgroundDefaultOff

    Force a transparent (no) background, even if a background image/pattern is set. Useful for an edge-to-edge, chrome-free title bar.

  • Overlap HeaderDefaultOff

    Extend the background up behind the site header so the hero sits under a transparent header. Only applies with an image, pattern, parallax, or video background.

  • Background VideoDefault0

    Optional MP4 video used as an autoplaying, muted, looping background. Takes precedence over a background image.

  • Background Video URLDefaultEmpty

    Used only when no Background Video is chosen above.

  • Second Video Format URLDefaultEmpty

    A second copy of the same film in another format (WebM beside MP4), offered to browsers that cannot play the first.

  • Video PosterDefault0

    Fallback image shown before the video loads / on devices that block autoplay.

    Shown when Background Video is set or Background Video URL is set

  • Video Poster URLDefaultEmpty

    Used only when no Video Poster is chosen above.

  • Video OverlayDefaultEmpty

    Whether the darkening layer carries its colour on the element or takes it from the stylesheet, for a design that tints the band its own way.

    ChoicesTint inline (uses the opacity below) (empty)Leave to the stylesheet

  • Video Overlay OpacityDefault0.6

    Darkening overlay over the video for text legibility (0 = none, 1 = solid black).

    Shown when Background Video is set

  • Image OverlayDefaultEmpty

    Colour or gradient painted over an image, parallax or pattern background so light text stays legible. Empty renders no overlay.

  • Map Embed URLDefaultEmpty

    A Google Maps "Embed a map" share URL. Takes precedence over the address below.

  • Map Address / PlaceDefaultEmpty

    An address or place name used to build a key-free Google Maps embed when no embed URL is provided.

  • Row ClassesDefaultEmpty

    Utility classes appended to the .page-title-row (vertical padding, alignment of the content vs the breadcrumbs, …). In contextual mode the page's own Row Classes win.

  • Minimum HeightDefaultEmpty

    Optional minimum height for the section.

Every Canvas block also carries the Animation, Scroll Effects and Advanced panels, which are described in Controls every Canvas block has.

Other blocks in Content: Background Video / Audio, Cascading Images, Charts, Circle Stack, Clients, Data Tables.

Was this page helpful?