Heading Module
Add styled heading text to your layout using semantic HTML heading tags, with full control over typography, alignment, and responsive behavior.
Usage​
The Heading module outputs a semantic HTML heading element (h1–h6) with the text, tag, optional link, and typographic styles you configure. It renders the heading directly in your layout and supports inline HTML for custom inline formatting.
Use the Heading module to add section titles, page headings, or content separators throughout your layout. Full typography controls let you customize font, size, weight, color, alignment, and spacing without writing custom CSS, with responsive support for each setting.
The Heading module is the recommended method for adding HTML headings to your Beaver Builder layouts and is preferred over the Text or HTML modules. If you need more control over the underlying HTML markup, the HTML module is the better choice.
Module Settings​
The Heading module settings control the heading text, semantic tag, optional link, and visual styles.
General tab​
The General tab contains the core settings for the heading text, semantic HTML structure, and optional link behavior.
Heading Supports: Field Connections
The text displayed as the heading in your layout. Supports inline HTML and inline CSS for applying custom formatting and styling to specific words or phrases within the heading.
Build Your <span style="color: #e11d48;">Dream Website</span> Today!
HTML Tag Default: h2
Sets the semantic HTML tag for the heading (h1 through h6). Choose the tag that matches the heading's role in the page content hierarchy: h1 for the main page title, h2 for major sections, and so on.
Link
Optionally wraps the heading in a link.
Link settings
Link settings control the URL, link target, nofollow behavior, download behavior, and other link attributes where available.
Style tab​
The Style tab controls the visual appearance of the heading, including text color and typography.
Color Supports: Responsive
The text color of the heading. Uses the Color Picker.
Typography Supports: Responsive
The font settings for the heading text.
Typography settings
Typography settings control font family, size, weight, line height, letter spacing, text transform, and responsive text styling where available.
Advanced tab​
The Advanced tab includes all the standard settings for margins, visibility, animations, and advanced HTML configurations.
See the Advanced tab section for more information.