Pillar Cover 01
This module renders a large hero-style cover section for a pillar page, with a bordered chapter label, a heading with adjustable size and color, a rich text description, an optional set of CTA buttons, and an author name with link and date.
Choose this over the offer bars and gated content module when the goal is to open a long-form pillar page or chapter with a distinct title treatment rather than to capture a lead or promote a download. It does not include a form or an image field, so any visuals must come from the surrounding layout or background design settings.
Use cases
- Pillar page cover section
- Chapter opener with label and byline
- Long-form content intro
- Ebook or guide landing cover
- Blog pillar page hero
Where it fits
- Included with: PRO
- Page sections: Hero, Content
Editable fields
Content tab
| Field | Type | Notes |
|---|---|---|
| Background Video | File | Repeats: min 0, default 1. Add multiple file formats in order to provide compatibility with a broad range of browsers. |
| Background Video Tablet | File | Repeats: min 0, default 1. This background video will only be used on tablet devices. |
| Background Video Mobile | File | Repeats: min 0, default 1. This background video will only be used on mobile devices. |
| Enabled | Boolean | |
| ID | Text | Assign a ID to the module. |
| Class | Text | Assign a CLASS to the module. |
| Label | Text | |
| Label Color | Choice | 12 options, including Auto, Primary, Secondary. |
| Description | Rich text | |
| Lead Text | Boolean | Turn on to make the Description text larger. |
| Author Name | Text | |
| Author Link | Link | |
| Date | Text | |
| Remove From TOC Modules | Boolean | Activate to exclude this item from appearing in the Pillar Nav TOC 01 and Pillar Nav TOC 02 modules. |
Heading Repeats: min 0, default 1.
| Field | Type | Notes |
|---|---|---|
| Heading | Text | |
| Size | Choice | HTML heading size. Options: H1, H2, H3, H4, H5, H6, P. |
| Display Size | Choice | Size that heading is displayed at. 12 options, including Auto, H1, H2. |
| Color | Choice | 15 options, including Auto, Primary, Secondary. |
| Color | Color | |
| Align | Choice | Options: Auto, Left, Center, Right. |
| CSS Class | Text |
CTA Repeats: min 0, default 0.
| Field | Type | Notes |
|---|---|---|
| CTA Type | Choice | Options: HubSpot CTA, HubSpot Payment, Button, Modal. |
| CTA Style | Choice | 26 options, including Primary, Secondary, Tertiary. |
| CTA | CTA | |
| Button Text | Text | |
| Modal Target | Text | |
| Link | Link | |
| Payment link | Payment | |
| Checkout behavior | Choice | Options: Open in a new tab, Sliding overlay. |
| CTA Size | Choice | Options: Small, Default, Large. |
| Add icon | Boolean |
CTA › Default
| Field | Type | Notes |
|---|---|---|
| Background | Color | |
| Text | Color | |
| Border | Color |
CTA › Hover
| Field | Type | Notes |
|---|---|---|
| Background | Color | |
| Text | Color | |
| Border Color | Color |
CTA › Icon
| Field | Type | Notes |
|---|---|---|
| Icon | Icon | |
| Position | Choice | Options: Left, Right. |
| Purpose | Choice | The purpose of the icon, used for accessibility. If set to decorative, an additional attribute of aria-hidden="true" will be added to the icon. Options: Decorative, Semantic. |
Style tab
Change log
| Version | Change |
|---|---|
| 4.0.0 | Stardust update |
| 3.2.0 | Added responsive background options |
| 3.1.0 | Added option exclude from appearing in the Pillar Nav TOC 01 and Pillar Nav TOC 02 modules |
| 3.0.3 | Added new Link options |
| 3.0.2 | Added CTA field |
Pillar Chapter Title 01
Renders a chapter marker for long-form pillar pages: a bordered pill label like 'Chapter 1', a heading, an optional description richtext block, and an optional row of CTA buttons.
Pillar Nav TOC 01
This module renders a table of contents block with a heading, optional rich text description, and a list of chapter links, either auto-collected from Pillar Chapter Title or Pillar Cover modules on the page or entered manually as up to two or more text and link items.