Add Animated heading

1. Login to WordPress Dashboard

• Go to your WordPress site and log in.

2. Create or Edit a Page

• Go to Pages > Add New (or edit an existing page).
• Click Edit with Elementor to open the Elementor editor.

3. Add the Animated Heading Widget

• In the Elementor editor, search for the “Animated Heading” widget.
• Drag and drop the Animated Heading widget onto your page where you want it to appear.

4. Customize the Heading Text

• In the Content tab:
  • Main Heading: Enter the primary heading text.
  • Animated Text: Add the text you want to animate (e.g., “Creative,” “Innovative”).
  • Tag: Choose the HTML tag for the heading (e.g., H1, H2).
  • Alignment: Set the alignment (left, center, right).

5. Adjust Animation Settings

• Still in the Content tab, customize:
  • Animation Type: Choose the type of animation (e.g., Type, Fade, Zoom).
  • Animation Duration: Set how long the animation lasts.
  • Animation Delay: Adjust the delay before the animation starts.

6. Style the Animated Heading

• Go to the Style tab:
  • Text Color: Set the color for your main heading and animated text.
  • Typography: Adjust font size, weight, and line height for both texts.
  • Spacing: Modify padding and margin for proper spacing.

7. Advanced Settings (Optional)

• Click on the Advanced tab to adjust additional settings like margins, padding, motion effects, and other advanced options

8. Preview and Publish

• Click the Preview button to see how your animated heading looks.
• If satisfied, click Publish to make your changes live.

Your Animated Heading is now ready and will dynamically draw attention on your WordPress site using Elementor Pro!