A section heading with a bottom border — separates groups of fields within a form step.
In the builder: Elements → Content Widgets → Section Title
Widget Settings
Title
| UI field | Description |
|---|---|
| Title | Section heading 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 |
|---|---|
| Section Title | The heading text and underline (.section-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. |
.section-widget |
Section title element. |
Section Title vs Header
| Section Title | Header | |
|---|---|---|
| Semantics | Section divider | Main page title (H1) |
| Default style | Border below text | Large centered heading |
| Best for | Steps within a form | Calculator title |
Use Section Title between field groups. Use Header once at the top.