{"id":1279,"date":"2019-01-31T09:49:14","date_gmt":"2019-01-31T09:49:14","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=1279"},"modified":"2026-02-16T14:46:08","modified_gmt":"2026-02-16T14:46:08","slug":"how-to-add-a-headline-to-elementor-with-jetelements-headline-and-animated-text-widgets","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-a-headline-to-elementor-with-jetelements-headline-and-animated-text-widgets\/","title":{"rendered":"How to Use Headline and Animated Text Widgets"},"content":{"rendered":"\n

In this guide, we will go through the settings for the Headline <\/strong>and Animated Text <\/strong>widgets in Elementor, covering content, animation, and styling options.<\/p>\n\n\n\n

Headline Widget<\/h2>\n\n\n\n
\n

The JetElements <\/em>Headline <\/strong>widget is an Elementor widget that allows you to use versatile typography settings and classic and gradient text colors. It also allows you to apply images to the text. Follow the instructions to learn how to create a headline.<\/p>\n\n\n\n

First, open the page where you want to add a headline in the Elementor page builder. Find the Headline<\/strong> widget and drag-and-drop it into a new section.<\/p>\n\n\n\n

Move to the Title<\/strong> Content<\/strong> section of the Content <\/strong>menu tab. Here, you can enter the First <\/strong>and Second parts <\/strong>of the title.<\/p>\n\n\n\n

Also, you have access to the \u201cDynamic Tags<\/strong>\u201d functionality, which allows you to display dynamic content in your headline when the widget is used in templates.<\/p>\n\n\n\n

\"title<\/a><\/div>\n\n\n\n

In the Decorative Elements<\/strong> section of the Content<\/strong> tab, you are able to add Before<\/strong> and After Deco Type<\/strong>. These can be either an image or an icon.<\/p>\n\n\n\n

Depending on the selected option in the Before <\/strong>and After Deco Type <\/strong>fields, you can select either an icon or an image in the corresponding fields.<\/p>\n\n\n\n

\"decorative<\/a><\/div>\n\n\n\n

Finally, proceed to the Settings <\/strong>section. Here, you will find the following settings:<\/p>\n\n\n\n

\"settings<\/a><\/div>\n\n\n\n