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 Image Text Animator module to your webpage

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.

Was this article helpful?
0.5 out Of 5 Stars

1 rating

5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 100%
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Previous Fancy Text
Next Text Highlighter