How do I add advanced titles to my module?
Across the 24 POWER pro modules, editors have the option to enable an "advanced title" instead of a standard, single-style heading.
What is an advanced title
An advanced title is a stylised alternative to a module's default heading. Rather than a single block of uniformly styled text, it lets you break a title into up to 10 individual segments, each configured on its own — as plain text, coloured text, gradient text, or an icon.
This means a single heading can, for example, combine plain introductory text, a gradient-highlighted keyword, and an inline icon — all without writing custom CSS.
Step-by-step setup instructions
Follow these steps to add and configure an advanced title within any supported POWER pro module.
- Open the module settings for any of the 24 POWER pro modules that support advanced titles.
- Check the "Use advanced title" checkbox. This reveals a new section dedicated to building your advanced title.
- Add your advanced title elements. You can add up to 10 individual advanced title segments per module — useful for breaking a heading into multiple styled parts (for example: plain text + a gradient-highlighted keyword + an icon).
- Click the pencil icon next to any added title segment to open its edit panel and configure its settings.
- Choose the content type — either:
- Text title — a styled text segment, or
- Icon — an icon element placed inline with your title text.
- Enter your content title. This is the actual text that will display for that segment.
- Style the text. Choose from:
- Regular (default/inherited) text styling
- A solid colour
- A gradient
- An advanced gradient with multiple gradient stop points for more complex colour transitions
- Set typography controls — font size, font weight, and letter spacing — independently for each segment.
- Add an Aria label to the segment to preserve accessibility for assistive technologies and screen readers.
- Save your module. Repeat steps 3–9 to add further segments, up to the 10-segment limit, to build out a fully custom, multi-styled heading.
Styling options explained
| Setting | What it controls |
|---|---|
| Content type | Whether the title piece is text or an icon |
| Content title | The actual text displayed in that segment |
| Style text | Regular text, solid colour, gradient, or advanced multi-point gradient |
| Font size | Size of the text in that specific segment |
| Font weight | Boldness/weight of the text in that segment |
| Letter spacing | Spacing between characters in that segment |
| Aria label | Accessible label read by screen readers for that segment |
Because each of the up to 10 segments is configured independently, you can combine plain text, gradient-highlighted keywords, and icons within a single heading — all without writing custom CSS.
Accessibility and Aria labels
Highly stylised titles can sometimes create accessibility issues if the visual text doesn't match what's announced to screen reader users, especially when icons are involved. Setting an Aria label on each advanced title segment ensures assistive technologies announce meaningful, accurate content, keeping the module accessible even as the visual styling becomes more advanced.
Frequently asked questions
How many advanced titles can I add to one module? Up to 10 advanced title segments can be added to a single POWER pro module, each with its own independent styling.
Which modules support advanced titles? Currently 24 POWER pro modules include the option to enable an advanced title via the "Use advanced title" checkbox, if you do not see this in your module and you are using the latest version of the POWER theme it is likely not supported within this module at this time.
What styling options are available for advanced title text? You can choose regular text, a solid colour, a standard gradient, or an advanced gradient with multiple colour stop points, along with independent control over font size, weight, and letter spacing for each segment.