web_title Shortcode
The web_title shortcode renders a semantic title with an optional subtitle, decorative background title and horizontal lines. In Gutenberg, use Heading or Compound Heading.
The attributes below match the current Page Builder controls and public output. Use raw syntax only for reviewed content that cannot be maintained through the visual controls.
Usage
[web_title]Attributes
| Attribute | Default | Accepted values | Purpose |
|---|---|---|---|
title_text |
— | String unless stated otherwise | Enter title text. |
title_url |
— | String unless stated otherwise | Enter title url. |
title_color |
15 |
Palette slot 1–15, or empty |
Choose title text color. |
title_tag |
tag2 |
tag1, tag2, tag3, tag4, tag5, tag6, span |
Choose title real tag. |
title_size |
heading_1 |
display_1, display_2, display_3, display_4, heading_1, heading_2, heading_3, heading_4, heading_5, heading_6, custom |
Choose title size. |
title_fw |
— | fw-100, fw-200, fw-300, fw-400, fw-500, fw-600, fw-700, fw-800, fw-900 |
Choose title font weight. |
title_custom_min_size |
14 |
Number, 0–200 |
Set the minimum font size (in pixels). Available when title_size is custom. |
title_max_fs |
— | max-fs-4rem, max-fs-6rem, max-fs-8rem |
Above 1920px screen resolution (viewport's width) the font size will be fixed at specified size. Available when title_size is custom. |
title_custom_relative_size |
2 |
Number, 0–50 |
Set the relative font size in viewport-width units. Available when title_size is custom. |
subtitle_text |
— | String unless stated otherwise | Enter subtitle text. |
subtitle_fw |
— | fw-100, fw-200, fw-300, fw-400, fw-500, fw-600, fw-700, fw-800, fw-900 |
Choose subtitle font weight. |
subtitle_color |
— | Palette slot 1–15, or empty |
Choose subtitle text color. |
subtitle_position |
bottom |
top, bottom |
Choose subtitle position. |
back_title_text |
— | String unless stated otherwise | Enter back title text. |
back_title_fw |
— | fw-100, fw-200, fw-300, fw-400, fw-500, fw-600, fw-700, fw-800, fw-900 |
Choose back title font weight. |
back_title_color |
— | Palette slot 1–15, or empty |
Choose back title text color. |
title_alignment |
center |
left, center, right |
Choose title alignment. |
title_center_mobile |
— | text-md-down-center; legacy: web-center-mobile |
If selected, the complete title is centered on phones and tablets up to 991px, regardless of the desktop alignment. |
title_line |
— | yes |
Fill in the space with a horizontal line. |
device_visibility |
— | String unless stated otherwise | Applies the selected responsive visibility rule. |
el_id |
— | Valid unique HTML ID | Enter section ID (Note: make sure it is unique and valid according to w3c specification). |
el_class |
— | String unless stated otherwise | If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file. |
Verification
Text accepts supported passive inline formatting; executable elements and unsafe URLs are removed. An invalid heading tag falls back to H2. Background text is decorative and hidden from screen readers; keep the meaningful title in title_text. The component uses existing typography styles and requires no additional public script or stylesheet. Stored shortcodes continue rendering with Page Builder administration disabled.
Verify web_title with representative content, its empty state and every enabled responsive range. Pay particular attention to title_text and title_url.