Avada Title Element Showcase

The Avada Title Element allows you to insert styled headings into your website content, providing structure and emphasis. It supports various HTML heading tags (H1-H6), custom font settings, colors, spacing, and alignment, so you can match your site’s design and hierarchy. The Element also includes options for animations, dividers, highlights, and subheadings, making it a flexible and visually rich way to define sections and guide the viewer’s attention throughout the page or post.

Below, you will find live examples of the Title Element in action. Examples can include the individual option values set for that display; however, in some instances, not all Element variations can be shown as they may be too numerous. For further information related to this Avada Design Element, please check the Avada help center.

Epilogue Font

Bona Nova Font

Marcelus Font

Red Hat Display Font

Barlow Condensed FontBarlow Condensed Font

Manrope Font

Basier Square Font

Alegreya SC Font

Alexandria Font

The Avada Title Element is highly flexible and customizable, providing you with complete control over typography, alignment, spacing, and decorative features, such as dividers, highlights, and animations. The nine Title Elements shown above focus predominantly on specific Title Type options, for example, and in order: Title Type (Text, Highlight , Text + Inline Highlight, Text, Rotating , Highlight , Highlight , Highlight , Highlight ). For a detailed breakdown of available options, please check this help file.

Scroll reveal Color Change

This Avada Title Element is set up as follows: Title Type (Scroll Reveal), Scroll Reveal Effect (Color Change), Scroll Reveal Basis (Chars), Scroll Reveal Behavior (Animate on Down & Up), Scroll Reveal Duration (300ms), Scroll Reveal Stagger (200ms), Scroll Reveal Delay (1300ms), Enbale Scroll Reveal Above The Fold (Yes), Title, Title Link (Off), Alignment (Center), HTML Heading Tag (H4), Font (Custom), Font Color, Animated Text Font Color, Text Shadow (No), Text Stroke (No), and Animation Type (None).

Scroll Reveal Unblur Words

This Avada Title Element is set up as follows: Title Type (Scroll Reveal), Scroll Reveal Effect (Unblur), Scroll Reveal Basis (Words), Scroll Reveal Behavior (Animate Once), Scroll Reveal Duration (400ms), Scroll Reveal Stagger (180ms), Scroll Reveal Delay (1200ms), Enbale Scroll Reveal Above The Fold (Yes), Title, Title Link (Off), Alignment (Center), HTML Heading Tag (H4), Font (Custom), Font Color, Text Shadow (No), Text Stroke (No), and Animation Type (None).

Scroll Reveal Unblur Lines

This Avada Title Element is set up as follows: Title Type (Scroll Reveal), Scroll Reveal Effect (Unblur), Scroll Reveal Basis (Lines), Scroll Reveal Behavior (Animate on Down), Scroll Reveal Duration (500ms), Scroll Reveal Stagger (220ms), Scroll Reveal Delay (2100ms), Enbale Scroll Reveal Above The Fold (Yes), Title, Title Link (Off), Alignment (Right), HTML Heading Tag (H4), Font (Custom), Font Color, Text Shadow (No), Text Stroke (No), and Animation Type (None).

Scroll Reveal Slide Up

This Avada Title Element is set up as follows: Title Type (Scroll Reveal), Scroll Reveal Effect (Slide Up), Scroll Reveal Basis (Words), Scroll Reveal Behavior (Animate on Down & Up), Scroll Reveal Duration (4600ms), Scroll Reveal Stagger (900ms), Scroll Reveal Delay (1200ms), Enbale Scroll Reveal Above The Fold (No), Title, Title Link (Off), Alignment (Left), HTML Heading Tag (H4), Font (Custom), Font Color, Text Shadow (No), Text Stroke (No), and Animation Type (None).

Scroll Reveal Slide Down

This Avada Title Element is set up as follows: Title Type (Scroll Reveal), Scroll Reveal Effect (Slide Down), Scroll Reveal Basis (Lines), Scroll Reveal Behavior (Animate on Down & Up), Scroll Reveal Duration (5000ms), Scroll Reveal Stagger (1000ms), Scroll Reveal Delay (1300ms), Enbale Scroll Reveal Above The Fold (Yes), Title, Title Link (Off), Alignment (Center), HTML Heading Tag (H5), Font (Custom), Font Color, Text Shadow (No), Text Stroke (No), and Animation Type (None).

Scroll Reveal Turn Characters

This Avada Title Element is set up as follows: Title Type (Scroll Reveal), Scroll Reveal Effect (Turn), Scroll Reveal Basis (Chars), Scroll Reveal Behavior (Animate on Down & Up), Scroll Reveal Duration (4600ms), Scroll Reveal Stagger (790ms), Scroll Reveal Delay (1100ms), Enbale Scroll Reveal Above The Fold (Yes), Title, Title Link (Off), Alignment (Center), HTML Heading Tag (H5), Font (Custom), Font Color, Text Shadow (No), Text Stroke (No), and Animation Type (None).

Scroll Reveal Rotate Characters

This Avada Title Element is set up as follows: Title Type (Scroll Reveal), Scroll Reveal Effect (Rotate), Scroll Reveal Behavior (Animate on Down & Up), Scroll Reveal Duration (3600ms), Scroll Reveal Delay (1200ms), Enbale Scroll Reveal Above The Fold (No), Title, Title Link (Off), Alignment (Center), HTML Heading Tag (H5), Font (Custom), Font Color, Text Shadow (No), Text Stroke (No), and Animation Type (None).

Scroll Reveal Scale Up

This Avada Title Element is set up as follows: Title Type (Scroll Reveal), Scroll Reveal Effect (Scale Up), Scroll Reveal Behavior (Animate on Down & Up), Scroll Reveal Duration (4500ms), Scroll Reveal Stagger (430ms), Scroll Reveal Delay (700ms), Enbale Scroll Reveal Above The Fold (Yes), Title, Title Link (Off), Alignment (Center), HTML Heading Tag (H6), Font (Custom), Font Color, Text Shadow (No), Text Stroke (No), and Animation Type (None).

Avada Alert Element Featured ImageAlert
Avada Form Element Featured ImageAvada Form