1. Home
  2. Docs
  3. Happy Elementor Addons Pro
  4. Premium Widgets
  5. Animated Text

Animated Text

How to Use the Animated Text Widget of Happy Elementor Addons

The Animated Text widget allows you to decorate the text from different sections of your site by adding eye-catchy transition effects.

Using Animated Text

Go to your Elementor site and start editing the page with Elementor.

Step 1:

Select the Animated Text widget from the menu bar on the left-hand side of your screen then drag and drop it in the selected area.

animated-text-happy-addons

Step 2:

Here, you will get two custom tab: Content & Animation Settings under Content Menu.

animation-text-happy-addons

Now clicking on the Content tab you can select the movement style for your animated text. Also, you can add before and after text that will appear with the animated text.

animation-text-happy-addons

In addition, you can add Animated Text by hitting on ADD ITEM  that you want to appear with the animation. You can delete any text by clicking on the cross X button.

animation-text-happy-addons

Set the alignment of the text and HTML tag from the drop-down menu.

By clicking on individual Animated Text you can edit the individual text, color, typography and add text shadow also.

happy-addons

Select the Animation Setting tab to set the duration time between two animated text appearance.

text-animation-happy-addons

Step 3:

By clicking on Style Tab you can customize the text color, typography and add shadow. Here, you can modify the style of before text, after text and animated text.

happy-addons

Step 4:

If you want to add motion effects, happy effects, background or make the page responsive, click on ‘Advanced to explore those options. This ‘Advanced’ tab is a default feature of Elementor. Give a read to this Document to know more about Advanced features and its uses.

animation-text-happy-addons

Finally, after completing all the customization click on ‘Publish’ to see your work live.

text-animation-happy-addons

Great job! You have done it successfully.

Was this article helpful to you? Yes No

How can we help?