Animated Text

In this article you will find the unique information about Animated Text shortcode. If you want to learn about some more general issues like using a shortcode etc. See the list bellow or browse the general section.

Animated Text is an awesome way for your content to stand out.If you need to present lots of idea in a small space this is a way to go. As any other shortcode this one also comes with tones of options and settings.

Examples Of Use

Animated text may be used in many different ways on home screens, call out boxes or even modal boxes. You can see a beautiful use of animated text on one of our pre-made templates: Duku, Illama, Avocado, Wildberry.

Detailed shortcode description

Bellow you will find a table with all of the shortcodes features and fields. On the right you will find a description for each field/section. All of this settings are available in shortcodes popup, it will be displayed once you create a new shortcode or hit the edit (pencil icon) button.

GeneralAnimated TextStatic TextAnimations

Option	Description
Main Preset	Presets are used to easily configure your shortcode. You can choose one of the premade presets or create your own. You can preview the available presets with Preview & Load Preset button. Learn More »
Style	Select animation style: Rotator: text blocks are sliding in and out; Typewrite: texts are written letter by letter.
Loop Texts	Check to prevent the texts from looping. Disabling loop will leave the last text block visible.
Dynamic Width	Check to enable dynamic text blocks width. Enabling dynamic width will adjust the width of text blocks so the static text are always at the sides without any gaps.
Animation Duration	Choose how long the text block will animate.
Change Delay	Choose how long the text block should be visible before changing it to the next one.
Disable Pointer	Check to disable pointer at the end of animating text.
Color	Select color for pointer.
Background	Background field contains options needed to create an awesome background inside our shortcodes. You can choose from color (with opacity/alpha channel), radial and linear gradient or custom image. Each background type have some additional options for best outcome control. Learn More »
Border	In simple mode, this field offer a settings for width (for all edges), style, color and radius. Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Padding	It is one of most common field across our shortcodes. The simple mode, contain options for padding size (for all edges) and unit (px, em or %). Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Margin	It is one of most common field across our shortcodes. The simple mode, contain options for margin size (for all edges) and unit (px, em or %). Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Custom Class	Add your custom class to the element. Mostly used for custom CSS/JS.

Option	Description
Typography	Typography field gives you a control over almost all font settings. It also incorporate a Typography Preset functionality. Learn More »
Animated Text	Define animation text blocks. Each new line will be a separate text block.
Background	Background field contains options needed to create an awesome background inside our shortcodes. You can choose from color (with opacity/alpha channel), radial and linear gradient or custom image. Each background type have some additional options for best outcome control. Learn More »
Border	In simple mode, this field offer a settings for width (for all edges), style, color and radius. Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Padding	It is one of most common field across our shortcodes. The simple mode, contain options for padding size (for all edges) and unit (px, em or %). Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »

Option	Description
Static Texts	Check to disable static texts on the sides.
Typography	Typography field gives you a control over almost all font settings. It also incorporate a Typography Preset functionality. Learn More »
Before Animated Text	Define text displayed before animated text blocks.
After Animated Text	Define text displayed after animated text blocks.

Option	Description
Enter Animation	Enter Animation allow to specify an appear effect for shortcode. Learn More »
Loop Animation	Loop Animation is enabled only for selected shortcodes/elements. This animation will be played in an endless loop. Learn More »