web_title Shortcode
The web_title shortcode renders the title component.
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 |
String unless stated otherwise | 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 | 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 | Set the relative font size (depends on viewport's width). 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 |
— | String unless stated otherwise | 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 |
— | String unless stated otherwise | 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
Verify web_title with representative content, its empty state and every enabled responsive range. Pay particular attention to title_text and title_url.