Avada Text Path Element Showcase
The Avada Text Path Element lets you display text along a curved or custom SVG path, creating a dynamic and visually engaging design effect. It gives you full control over the path shape, font, size, alignment, and animation, enabling you to craft creative typography that follows lines, curves, shapes, or loops and is ideal for adding a unique visual twist to headings, logos, or callouts.
Below, you will find live examples of the Text Path 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.
This Text Path Element is set up as follows: Path Type (Wave 1), Text, Alignment (Center), Text Direction (LTR), Path Width (400), Rotate Path (0), Text Starting Point (0), Font, Font Color, Text Shadow (No), Text Stroke (No), Word Spacing, Show Path (No), Text Animation (No), and Path Animation (No).
This Text Path Element is set up as follows: Path Type (Wave 1), Text, Link, Alignment (Center), Text Direction (LTR), Path Width (375), Rotate Path (180), Text Starting Point (0), Font, Font Color, Text Shadow (No), Text Stroke (No), Word Spacing (10px), Show Path (No), Text Animation (No), and Path Animation (No).
This Text Path Element is set up as follows: Path Type (Wave 2), Text, Alignment (Center), Text Direction (RTL), Path Width (475), Rotate Path (4), Text Starting Point (0), Font, Font Color, Text Shadow (No), Text Stroke (No), Word Spacing, Show Path (Yes), Path Stroke Width (2px), Path Stroke Color, Path Fill Color, Text Animation (No), and Path Animation (No).
This Text Path Element is set up as follows: Path Type (Arc), Text, Alignment (Center), Text Direction (LTR), Path Width (250), Rotate Path (0), Text Starting Point (0), Font, Font Color, Text Shadow (No), Text Stroke (No), Word Spacing, Show Path (No), Text Animation (No), and Path Animation (No).
This Text Path Element is set up as follows: Path Type (Arc Bottom), Text, Alignment (Center), Text Direction (LTR), Path Width (300), Rotate Path (0), Text Starting Point (0), Font, Font Color, Text Shadow (No), Text Stroke (No), Word Spacing, Show Path (No), Text Animation (No), and Path Animation (No).
This Text Path Element is set up as follows: Path Type (Circle), Text, Alignment (Center), Text Direction (LTR), Path Width (275), Rotate Path (0), Text Starting Point (0), Font, Font Color, Text Shadow (No), Text Stroke (No), Word Spacing, Show Path (No), Text Animation (No), and Path Animation (No).
This Text Path Element is set up as follows: Path Type (Circle), Text, Alignment (Center), Text Direction (LTR), Path Width (250), Rotate Path (0), Text Starting Point (0), Font, Font Color, Text Shadow (No), Text Stroke (No), Word Spacing, Show Path (Yes), Path Stroke Width (15px), Path Stroke Color, Path Fill Color, Show Path (No), Text Animation (No), and Path Animation (No).
This Text Path Element is set up as follows: Path Type (Oval), Text, Alignment (Center), Text Direction (LTR), Path Width (325), Rotate Path (0), Text Starting Point (0), Font, Font Color, Text Shadow (No), Text Stroke (No), Word Spacing, Show Path (No), Text Animation (No), and Path Animation (No).
This Text Path Element is set up as follows: Path Type (Oval), Text, Alignment (Center), Text Direction (LTR), Path Width (250), Rotate Path (90), Text Starting Point (0), Font, Font Color, Text Shadow (No), Text Stroke (No), Word Spacing, Show Path (No), Text Animation (No), and Path Animation (No).
This Text Path Element is set up as follows: Path Type (Spiral 1), Text, Alignment (Center), Text Direction (LTR), Path Width (300), Rotate Path (0), Text Starting Point (0), Font, Font Color, Text Shadow (No), Text Stroke (No), Word Spacing, Show Path (No), Text Animation (No), and Path Animation (No).
This Text Path Element is set up as follows: Path Type (Spiral 2), Text, Alignment (Center), Text Direction (LTR), Path Width (275), Rotate Path (0), Text Starting Point (0), Font, Font Color, Text Shadow (Yes), Text Shadow Position (2px/2px), Text Shadow Color, Text Stroke (No), Word Spacing, Show Path (No), Text Animation (No), and Path Animation (No).
This Text Path Element is set up as follows: Path Type (Star), Text, Alignment (Center), Text Direction (LTR), Path Width (250), Rotate Path (0), Text Starting Point (0), Font, Font Color, Text Shadow (No), Text Stroke (No), Word Spacing, Show Path (No), Text Animation (No), and Path Animation (No).
This Text Path Element is set up as follows: Path Type (Star), Text, Alignment (Center), Text Direction (LTR), Path Width (250), Rotate Path (180), Text Starting Point (0), Font, Font Color, Text Shadow (No), Text Stroke (No), Word Spacing, Show Path (Yes), Path Stroke Width (17px), Path Stroke Color, Path Fill Color, Text Animation (No), and Path Animation (No).
This Text Path Element is set up as follows: Path Type (Heart), Text, Alignment (Center), Text Direction (LTR), Path Width (300), Rotate Path (0), Text Starting Point (0), Font, Font Color, Text Shadow (No), Text Stroke (No), Word Spacing, Show Path (Yes), Path Stroke Width (4px), Path Stroke Color, Path Fill Color, Text Animation (No), Path Animation (Yes), Path Animation Type (Scale), Path Scale Factor (0.8), and Path Animation Duration (1.9).
This example is intended to showcase how to use the Avada Text Path Element in conjunction with the Avada Separator Element to create a visually distinctive showcase. Here we have two Text Path Elements with the Path Types being (Arc and Arc Bottom). The Separator Element style is set as (Double Border Solid).
This example is intended to showcase how to use the Avada Text Path Element in conjunction with the Avada Separator Element to create a visually distinctive showcase. Here we have a single Text Path Element with the Path Types being (Wave 1), and among the many options, the important one is Show Path (Yes) with a Path Fill Color. The Separator Element style is set as (Single Border Solid).
