Skip to main content

Special Heading

A section heading with an overline, title and subtitle — the standard way to open a section. More capable than core's Heading block: it is one element that lays out all three parts together, with their own sizes, colours and spacing.

The block renders through the special_heading element — the same PHP that runs in the page builder, so the front end is identical either way.

What the sidebar exposes

OptionWhat it does
overlineSmall text above the title (an “eyebrow”)
titleThe heading itself
subtitleSupporting text below the title — edits markup, see below
headingWhich heading level the title renders as
alignmentAlignment for all three parts
display_sizeTitle size preset
subtitle_sizeSubtitle size preset
element_spacingVertical rhythm between the parts
overline_uppercaseForce the overline to uppercase
overline_markerDecorative marker beside the overline
iconIcon shown with the title
overline_iconIcon shown with the overline
block_max_widthConstrain the whole block's width
bg_colorBackground
overline_colorOverline colour
title_colorTitle colour
subtitle_colorSubtitle colour

Anything not listed stays available in the page builder, and round-trips untouched — the block only writes the values you change.

Per-part alignment is page-builder only

The element also has overline_align, title_align and subtitle_align, which override alignment for each part individually. They are deliberately not exposed here: alignment already sets all three, and four alignment controls in a narrow column invites setting one and wondering why another disagrees. The per-part overrides remain in the page builder for layouts that need them.

The subtitle edits markup, not rich text

subtitle is a wp-editor option, so in a block sidebar it edits HTML directly rather than showing a WYSIWYG — the reasoning is on that option type's page. Plain text you type is wrapped in paragraphs when saved.

Before it is filled in

Overline, title and subtitle all start empty, so a freshly inserted block would render nothing — an invisible block you cannot see to click. Until one of the three has text, the canvas shows a placeholder instead.