---
title: "Advanced Typography Widget: Settings Overview"
url: https://theplusaddons.com/docs/advanced-typography/
date: 2024-05-15
modified: 2026-09-13
lang: en
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2024/05/Advanced-Typography-Widget_-Settings-Overview-1024x536.jpg
word_count: 484
---

# Advanced Typography Widget: Settings Overview

## 

- The Advanced Typography widget from The Plus Addons for Elementor adds outlined, circular, scrolling, and image-filled text effects inside the Elementor editor without custom CSS.
- The widget needs The Plus Addons for Elementor Pro; in the free plugin it appears in the Elementor panel with a lock icon, and if Pro is deactivated the widget disappears from the page.
- Normal mode offers Text Direction, Stroke/Fill Options, Circular Text, Background Based Blend Mode, Knockout Text, On Hover Image Reveal, Marquee, and Link for the text, while Multiple mode adds Magic Scroll and Mouse Move Parallax for each listed item.

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.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/advanced-typography/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## 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

https://youtu.be/_zdX4iGcbtA

## Switch On the Widget

- In your WordPress dashboard, go to **The Plus Addons > Widgets**.- Search for **Advanced Typography** and turn on its toggle.

![The Plus Addons Widgets screen with Advanced Typography found by search and its toggle switched on](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography.png)

## 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](https://theplusaddons.com/docs/multiple-styles-on-a-text-in-elementor/).

![The Select Option dropdown of the Advanced Typography widget set to Normal, with the text on the canvas](https://theplusaddons.com/wp-content/uploads/2026/09/advtypo-select-option.webp)

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).

![The Text, Tag and Alignment settings of the Advanced Typography widget](https://theplusaddons.com/wp-content/uploads/2026/09/advtypo-text.webp)

![Adding text in Normal mode of the Advanced Typography widget](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-normal.gif)

## Content Sections (Normal)

| Section | What it does | Guide |
| ------- | ------------ | ----- |
| Text Direction | Vertical text, upright letters, text direction, and CSS transforms | [Vertical text](https://theplusaddons.com/docs/add-vertical-text-in-elementor/) |
| Stroke/Fill Options | Outlined text. Colors and width are in Style > Stroke/Fill Style | [Text stroke](https://theplusaddons.com/docs/create-text-stroke-outline-in-elementor/) |
| Circular Text | Curves the text into a circle | [Circular text](https://theplusaddons.com/docs/create-circular-text-in-elementor/) |
| Background Based Blend Mode | Blends the text with what is behind it (CSS blend modes) | [Blend mode](https://theplusaddons.com/docs/add-elementor-background-text-blend-mode/) |
| Knockout Text | Fills the letters with a color or image | [Text mask](https://theplusaddons.com/docs/text-mask-effect-in-elementor/) |
| On Hover Image Reveal | Shows an image when the visitor hovers over the text | [Image reveal](https://theplusaddons.com/docs/image-reveal-effect-on-text-in-elementor/) |
| Marquee | Scrolling ticker text | [Marquee text](https://theplusaddons.com/docs/marquee-text-effect-in-elementor/) |
| Advanced Options | **Link** for the text | |

![The Text Direction section with Vertical Text set to Left to Right and vertical text on the canvas](https://theplusaddons.com/wp-content/uploads/2026/09/advtypo-text-direction.webp)

![The Stroke/Fill Options section switched on, with outlined text on the canvas](https://theplusaddons.com/wp-content/uploads/2026/09/advtypo-stroke.webp)

Each effect section has an **Enable/Disable** switch. For example, Circular Text:

![The Circular Text section switched on, with the text curved into a circle on the canvas](https://theplusaddons.com/wp-content/uploads/2026/09/advtypo-circular.webp)

![The Marquee section with the Type dropdown and scrolling text on the canvas](https://theplusaddons.com/wp-content/uploads/2026/09/advtypo-marquee.webp)

## 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](https://theplusaddons.com/docs/animated-rotating-circle-text-in-elementor/).- **Advance Underline Options** (Normal only): Classic or Overlay underlines. [Underline overlay](https://theplusaddons.com/docs/underline-overlay-effect-on-text-in-elementor/).

![The Style tab of the Advanced Typography widget with the Normal and Hover color settings](https://theplusaddons.com/wp-content/uploads/2026/09/advtypo-style.webp)

## 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](https://theplusaddons.com/docs/magic-scroll-effect-to-text-in-elementor/) and [Mouse Move Parallax](https://theplusaddons.com/docs/add-mouse-move-parallax-effect-on-text-in-elementor/).

![The Text Listing of the Advanced Typography widget in Multiple mode with three items on the canvas](https://theplusaddons.com/wp-content/uploads/2026/09/advtypo-multiple.webp)

## Advanced Tab

The Style tab also has [On Scroll View Animation](https://theplusaddons.com/docs/on-scroll-view-animation-in-elementor/). 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.

## Related Docs

- [Combine multiple styles on a text](https://theplusaddons.com/docs/multiple-styles-on-a-text-in-elementor/)- [Create a text stroke outline](https://theplusaddons.com/docs/create-text-stroke-outline-in-elementor/)- [Create circular text](https://theplusaddons.com/docs/create-circular-text-in-elementor/)- [Create marquee text](https://theplusaddons.com/docs/marquee-text-effect-in-elementor/)

## Frequently Asked Questions

**Q: Why is the Advanced Typography widget locked in Elementor?**
A: The Advanced Typography widget is a Pro-only widget in The Plus Addons for Elementor, so the free plugin shows it with a lock icon. It also needs The Plus Addons for Elementor to be installed and activated, with Elementor free installed and activated too. If Pro is deactivated, the widget disappears from the page, which is the main gotcha when a layout suddenly loses its text effects.

**Q: How do I make outlined, circular, or scrolling text in Elementor without custom CSS?**
A: The Advanced Typography widget from The Plus Addons for Elementor adds those effects directly inside the Elementor editor, so you do not need custom CSS for them. It supports text direction, stroke and fill options, circular text, background-based blend mode, knockout text with image fill, hover image reveal, and marquee text. That makes it useful when you want one widget to handle several stylized text treatments instead of stacking separate workarounds.

**Q: Should I use Normal or Multiple mode for Advanced Typography?**
A: Normal mode is better when one piece of text needs one set of effects. Multiple mode is better when you want a Text Listing of items side by side, each with its own effects and style. In Normal mode you get all the content sections below it, while Multiple mode keeps only Text Listing and Alignment in the Content tab and moves per-item settings into each item. That split matters if you need mixed styling in one line.

**Q: Which Advanced Typography effects are only available in Multiple mode?**
A: Magic Scroll and Mouse Move Parallax are only available in Multiple mode. That makes Multiple mode the right choice when the design depends on item-by-item motion or interaction rather than one unified text treatment. Each item can have its own Text, Url/Link, and effects, so it works more like a styled list than a single headline.

**Q: What are the main limitations of Advanced Typography?**
A: The biggest limitation is that Advanced Typography needs The Plus Addons for Elementor Pro. If Pro is turned off, the widget disappears from the page. Another practical limit is that some controls only appear in specific modes: Stroke/Fill Style shows only when Stroke/Fill Options is enabled, Continuous Animation is Normal-only, and Magic Scroll plus Mouse Move Parallax are Multiple-only. That means the available controls depend heavily on how you structure the text.

**Q: What should I use if I want vertical text or a text stroke effect?**
A: Vertical text and text stroke are both built into Advanced Typography through separate content sections in Normal mode. Vertical Text handles upright letters and CSS transforms, while Stroke/Fill Options handles outlined text with colors and width controlled in Style > Stroke/Fill Style. For a quick reference on related treatments, The Plus Addons for Elementor also documents [Vertical text](https://theplusaddons.com/docs/add-vertical-text-in-elementor/) and [Text stroke](https://theplusaddons.com/docs/create-text-stroke-outline-in-elementor/), which helps if you are choosing between direction changes and outline styling.