The main page title of your calculator, rendered as an H1 heading.
In the builder: Elements → Content Widgets → Header
Widget Settings
Header
| UI field | Description |
|---|---|
| Header | Main title text. Supports [icon] shortcodes. |
Visibility
Expand Visibility to show or hide the widget based on an active View Mode or a formula. See Show and Hide Fields with Conditional Logic.
| UI field | Description |
|---|---|
| Show | Always or Conditionally |
| Active mode is | Name of the View Mode that must be active for this widget to appear (when Show is Conditionally). |
| Formula result is positive | Optional formula; evaluated on Calculate |
Design
Expand Design to style individual parts of the widget. Prefer project themes for a consistent look; per-widget styling is optional.
| Part | What it represents |
|---|---|
| Heading | The H1 title (.header-widget). |
Custom CSS — useful selectors and classes:
| Selector / class | Targets |
|---|---|
#cp-{ID} |
Entire widget (ID from the Element panel header). |
| Custom CSS Classes | Classes you add in Design; applied to the outer widget container. |
.header-widget |
Header container. |
.header-widget h1 |
The heading element. |
Header vs Section Title
| Header | Section Title | |
|---|---|---|
| Element | H1 | Styled section label |
| Count | Usually one per form | Multiple per form |
| Best for | Calculator name | Subsections |
Use Header for the calculator name at the top.