Skip to content

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.