---
title: "Fancy Text"
url: "https://divitorque.com/docs/fancy-text.md"
canonical: "https://divitorque.com/docs/fancy-text/"
published: "2026-07-08"
modified: "2026-07-08"
author: "Fahim Reza"
description: "Animate rotating, gradient, and typed text effects. Learn how to add and configure the Fancy Text module in Divi — settings, options, and tips."
tags:
  - "Modules"
---

# Fancy Text

The **Fancy Text** module draws attention to a key phrase using one of three effects — a highlight shape, a gradient fill, or rotating animated words — surrounded by optional static text.

## How to add the Fancy Text module

1. Add a section and row, then add the **Fancy Text** module.
2. Enter your before/after text and the fancy text (or rotating words).
3. Pick a Fancy Effect and style it in the Design tab.

## Content

### Main

- **Before Text** and **After Text** — static text around the highlight.
- **Fancy Text** — the highlighted/gradient phrase.
- **Rotating Words** — one word or phrase per line; they cycle in place.
- **Fancy Effect** — Highlight Shape, Gradient Text, or Rotating Words.
- **HTML Tag** — H1–H6, Paragraph, or Span (for semantics/SEO).
- **Rotate Animation** (Typing, Fade, Fade Up, Zoom, Swing) and **Rotate Speed**.

## Design

### Text & Fancy

- **Text Alignment** — Left, Center, or Right.
- **Fancy Text Color** and **Highlight Shape** (Marker, Underline, Box, Circle, Strikethrough) with a **Highlight Color**.
- **Gradient Start**, **Gradient End**, and **Gradient Angle** for the gradient effect.
- **Typing Cursor Color** for the typing animation.

## Tip

Use the **Rotating Words** effect in a hero headline (e.g. "Build faster / smarter / together") and keep each word a similar length so the layout doesn't jump as they cycle.