Getting StartedTheme Options Page OptionsPost TypesElementorWPBakeryTemplates BuilderExtrasDynamic Content How To
TheGem Documentation
General Elements
Animated Heading

Animated Heading

With this element you can add headings to your page content, make different format & style settings and activate heading animation effects. This element extends the basic options of the standard Heading element of Elementor. You can find this element here

Content Tab

Title

To add headings content (text) use repeater control

Repeater is useful to create combined headings with different colors and font weights. For example, to create a heading consisting of some bold text and some thin text, use the first repeater, enter the text which should be in bold and leave the default font weight. Then click on "+" to add new repeater item, enter the text which should be thin and select "Thin" in font weight select box.

In the same way you can use different colors for different text fragments of your heading.


Rotating Text

Rotating heading text effect can be seen on this demo page: https://codex-themes.com/thegem/features/animations/ . Check the very first heading "Animated Headings" -> the word "Headings" is replaced by another word and so on. To activate this effect, click on "Rotating text effect" checkbox to get additional inputs

Link

With this setting you can link your heading.

HTML Tag

Using this settings

you can define the HTML formatting for the heading. It is very useful for SEO as this settings separate the appearance and the HTML tag. You can add for example H5 tag which will look like H1 heading and vice versa.

Animations

Here you can enable animation for the heading and choose between different animation effects

Style Tab

This section includes settings for visual appearance of heading. Here you can specify typography and make different typography settings.