Page Title Section

A page header banner with a title, optional subtitle, and background image. Add a gradient overlay or a parallax background.

Module group: Page structure

How to add it

Edit a page, open the module picker, and search for Page Title Section. Drop it into a drag-and-drop area, then fill in the fields below. See the theme modules page for how the modules look together.

Fields

Fields are grouped as they appear in the editor. Indented rows belong to the group above them.

FieldTypeNotes
Page TitleTextIf this is blank the internal page name will be used.
Sub TitleText
Horizontally Center Text?ToggleDefault: off.
Override Text ColorsToggleDefault: off.
StyleGroup
Page Title ColorColor
Sub Title ColorColor
Hide Page Title TextToggleDefault: off.
Section OptionsGroup
Make Background Image ParallaxToggleThis only applies if your section contains a background image. Parallax background images need to be as tall as the device height to prevent zoomed and blurry images. 500px x 1000px 1000px x 2000px (retina) Default: off.
Add Top Gradient OverlayToggleThis only applies if your section contains a background image. Default: off.
Heading LevelDropdownUse Heading 1 when this is the page's main title (default). Choose Heading 2 or 3 when the module appears further down a page that already has a Heading 1, so the page keeps one H1 for SEO. Options: Heading 1, Heading 2, Heading 3. Default: h1.

Other page structure modules