Table Of Contents

How to Use Animated Heading Widget

If you are searching how to use the Animated Heading widget. You’re in the right place. Below, I’ll include some instructions with pictures detailed for your support.

Let’s dig in.

To Insert Widget

inserting Animated Heading widget

Inserting widget, it is just a matter of dragging and dropping. As you see in the screenshot above, drag the Animated Heading in Elementor page editor.

Content Tab

Using the Content Tab, you’ll be able to make a layout of a particular part of a website. And in this regard, some handy sections in the tab will assist you a lot in designing the heading widget by Element Pack.

Now, I’m going to show the sections of the Content Tab and how they work behind the widget.


animatedheading 1 - BdThemes

Go to the Content tab > Heading > Layout > then, select Typed or Animated.

Prefix Heading: This subsection will allow you to add text before the Animated or Typed word.

Heading: In this section, you will be able to add the texts you want to animate. But, you have to write words to be animated with comma.

Post Heading: Under this section, you can put words that will be shown after the animated or typed texts.

Link: This section will basically help you to make all the heading linkable.

In addition, you can set HTML Tag and Alignment.

Style Tab

Now, let’s work with Style Tab. The tab will easily have you style the web content (text, image, video, etc.) of the page you require to design the Animated Heading widget. 

Styling with the tab in Elementor will always give you a fantastic experience.

Let’s have a look.


animatedheading 2 - BdThemes

To begin with, in this section, you’ll be able to manage everything in Animation. Simply, go to the Style tab > Animation > then, select Animation (Fade In, Fade In Down, Fade In UP, etc.) > and set the value necessary.


animatedheading 3 - BdThemes

Next, go to the Heading section > add Color, Typography, and Text Shadow.

Pre Heading

animatedheading 4 - BdThemes

Then, come to the Pre Heading section. From here, you’ll be able to style the section individually.

Post Heading

animatedheading 5 - BdThemes

Finally, go to the Post Heading section > add color, typography, and text shadow to the Post Heading. Look at the screenshot.

Video Assist

To sum up, hopefully, you’ve read the whole article and understood how easy and interesting the widget developed by Bdthemes is. Watched the video inserted above. If you want to discover what more is possible to do using this one, you can have a tour of our demo page.

Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
Be cool in Summer with up to 40% OFF on our products | Coupon: SUMMERSALE

Ready to buy our Products?

Don’t miss Powerful Elementor plugins; the Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit and over 2000+ ready templates for professional web design.

Changed your Mind?

Please Suggest us how to improve

Up to 40% OFF

Grab the best summer deal and enjoy awesome Elementor web design tools in your hands now! This is a limited-time offer so get it before time runs out.