Elementor. How to Work with JetElements Animated Text Module

From this tutorial you’ll learn how to work with JetElements Animated Text module and customize it according to your needs.

  1. First, navigate to Elementor editing page. Click on Add New Section button.
  2. Select the most suitable structure.
  3. Drag Animated Text module.
  4. Now, let’s start your future widget customization. Navigate to Content block. Insert your own text to Before Text, Animated Text and After Text fields.
  5. You can add or remove items of animated text depending on your preferences.
  6. Navigate to Settings block. Here you need to select Animation Effect (e.g., Rotation), set Animation Delay, choose Split Type list and select Alignment.
  7. Navigate to Style tab to change your widget appearance. Before Text block allows to change layout of the first part of text. Select Color, Background Color, Typography and set Padding if needed.
  8. Navigate to Animated Text block. Here you’ll find the same settings. Select options you like.
  9. Navigate to After Text block and make changes you need.

Here’s a screenshot of what we’ve got!

That’s all! Now you can easily add Animated Text widgets to your websites.

Was this helpful?