Text-On-A-Path 1.2.3
Divi-Modules – Text-On-A-Path does exactly what it says on the tin – puts your text on a path. Choose from Arc, Cubic, and Quadratic paths, as well as Wave and Ellipse. Add some eye-catching curviness to your text with Text-On-A-Path.
- Requires Divi, Extra, or other Divi Builder theme.
The Divi-Modules – Text-On-A-Path demos below are all live examples. Normally path guides would be turned off on the front-end but they have been left visible so that you can see the path itself.
Text & Guides
Text paths are fully editable in the Divi Builder. Guides can be toggled on and off in the back-end and are hidden on the front-end.
Back-end view
Front-end view
Path Types
There are five path types to choose from: Arc, Cubic, Quadratic, Wave, and Ellipse (shown at bottom).
Arc
Cubic
Quadratic
Wave
Text Alignment
Text can be freely aligned and positioned anywhere along the path.
Left
Right
Baseline & Invert
Text can be positioned vertically using baseline shift and inverted.
Baseline Shift
Inverted
Path Styles
Text paths can be stroked with solid or dashed lines which can have squared or rounded ends. Baseline shift can be used to position text above, below or over the path.
Solid
Dashed (Squared)
Dashed (Rounded)
Dashed (Pattern)
Solid (Squared)
Solid (Rounded)
Ellipse Path
An Ellipse path can be filled and stroked. The example below uses two Ellipse paths which which have been positioned together using Divi’s Absolute Position setting.
To find out more, please see the Videos and Documentation.
Also Available
From $219
From $72
From $39
From $39
From $19