Want text that does more than sit on the page, such as outlined, circular, scrolling or image-filled text?
The Advanced Typography widget from The Plus Addons for Elementor adds these text effects right in the Elementor editor, without custom CSS.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Edition: Pro — The Advanced Typography widget needs The Plus Addons for Elementor Pro. In the free plugin it shows in the Elementor panel with a lock icon.
- Widget to enable: Advanced Typography, switched on under The Plus Addons > Widgets.
- Elementor (free) installed and activated.
Video Tutorial
Switch On the Widget
- In your WordPress dashboard, go to The Plus Addons > Widgets.
- Search for Advanced Typography and turn on its toggle.
Normal or Multiple
Add the widget to your page. In Content > Advanced Typography, Select Option decides how the text is built:
- Normal (default): one text with one set of effects. All the sections below are available.
- Multiple: a Text Listing of items that sit side by side, each with its own effects and style. Combine multiple styles on a text.
With Normal, type the text in Text, pick the HTML Tag (H1 to H6, div, p or span; default span) and set the Alignment per device (default Center).
Content Sections (Normal)
| Section | What it does | Guide |
|---|---|---|
| Text Direction | Vertical text, upright letters, text direction, and CSS transforms | Vertical text |
| Stroke/Fill Options | Outlined text. Colors and width are in Style > Stroke/Fill Style | Text stroke |
| Circular Text | Curves the text into a circle | Circular text |
| Background Based Blend Mode | Blends the text with what is behind it (CSS blend modes) | Blend mode |
| Knockout Text | Fills the letters with a color or image | Text mask |
| On Hover Image Reveal | Shows an image when the visitor hovers over the text | Image reveal |
| Marquee | Scrolling ticker text | Marquee text |
| Advanced Options | Link for the text |
Each effect section has an Enable/Disable switch. For example, Circular Text:
Style Tab
- Advanced Typography: Padding, Typography and, on the Normal and Hover tabs, Color Type (Classic or Gradient), Text Shadow and CSS Filters. In Multiple, these apply to every item.
- Stroke/Fill Style: shown only when Stroke/Fill Options is on.
- Continuous Animation (Normal only): Pulse, Floating, Tossing or Rotating, optionally only on hover. Rotating circle text.
- Advance Underline Options (Normal only): Classic or Overlay underlines. Underline overlay.
Multiple Mode
With Multiple, only the Text Listing and Alignment stay in the Content tab. Open an item to set its Text, Url/Link and effects. Two effects are only available here: Magic Scroll and Mouse Move Parallax.
Advanced Tab
The Style tab also has On Scroll View Animation. Besides Elementor’s own settings, the Advanced tab adds The Plus Addons extras such as Tooltip, Continuous Animation and Display Condition.
Limitations
- Advanced Typography needs The Plus Addons for Elementor Pro. If Pro is deactivated, the widget disappears from the page.
