Black Friday Super Sale 2024 is Coming Soon

WIN AN iPAD, LIFETIME MEMBERSHIP
×

Search Divi Plus Documentation

Search for answers or browse our knowledge base.

All Topics
Print

Text Animator

Divi Plus Text Animator Module adds engaging animation text easily on the page.

Text-Animator

How to add module on page

Once Divi Plus is activated, it adds several modules to the Divi builder. To add a module on the page, use the following steps:

  1. Create/Edit a Page/Post that uses Divi builder.
  2. Create/Edit a row.
  3. Click on Add New Module option; choose the DP Text Animator module.
Insert-Text-Animator

Content Options

  • On the Content tab >>Animator Content section.
  • Specify the Prefix text, Animated Text, and Postfix Text. The multiple words that animate are added in the Animated Text field separated by |.
  • Select Display Tag: Here you can select the heading tag (h1-h6) or paragraph tag for the content.
  • Animation: Here you can select text animation type from given 8 options these are Fade, Flip, Typing, Slide, Zoom, Bounce, Wipe, and Wave.
  • Display Text in Stack: To display text in stack format enable this option.
  • Stop Animation on Hover: If you need to stop animation on hover set as YES this option.

Design Options

  1. Go to the Design tab >> Text Setting: Here you can specify global text setting or could be define pre/post text setting and main text setting.
  2. Text Background: In the same setting option next, you find a text background option where you can choose a custom text background it can be either image, gradient, or a background color.

Here is a blog post that covers the setup process, and working of the Divi Text Animator module.

Table of Contents