Divi-Modules – Text-On-A-Path does exactly what it says on the tin – puts your text on a path! Use it to make eye-catching headings, call-to-actions and tag lines.
Choose from Arc, Quadratic and Cubic paths, as well as Wave and Ellipse and create deliciously curvy text right within the Divi Builder. Add some eye-catching curviness to your next Divi project with Divi-Modules – Text-On-A-Path.
Please Note: The animations below show how Text-On-A-Path settings function on the back-end. You cannot animate Text-On-A-Path on the front-end of your website.
“Very nice, I like it. Very simple and is nice to call attention to titles.” – Juan
Text & Guides:
Text paths are fully editable in the Divi Builder. Guides can be toggled on and off in the back-end and are always hidden on the front-end.
There are five path types to choose from: Arc, Quadratic, Cubic, Wave, and Ellipse.
Text can be aligned Left, Centre and Right of the Text Anchor point.
The Text Anchor point can be freely positioned anywhere along the path.
Text can be positioned vertically using the Text Baseline setting.
Text can be inverted, which is useful when working with the Ellipse path.
Arc Paths can be adjusted with the Arc Width and Arc Height settings.
Quadratic Paths have two control points: X1/Y1 and X2/Y2.
Cubic Paths have three control points: X1/Y1, X2/Y2 and X3/Y3.
Wave Paths can be adjusted with the Wave Width, Wave Height and Number of Waves settings.
Ellipse Paths can be adjusted with the Ellipse Width and Ellipse Height settings.
Ellipse Fill & Stroke:
An Ellipse path can also be filled and stroked. The example below uses two Ellipse paths which have been aligned using Divi’s Absolute Position setting.
Paths can be stroked with Solid or Dashed lines which can have Square or Round ends. The Text Baseline setting can be used to position text above, below or over the path.
Dashed paths are built using the Dash Pattern setting. The numbers in the pattern represent the length of a dash, followed by the length of a gap, like this: Dash | Gap | Dash | Gap | etc… You can enter as many consecutive values as you like to make you own unique patterns.
Use Divi’s Position settings to combine two or more Text-On-A-Path modules to create interesting headings that pop!
Add some eye-catching curviness to your next Divi project with Divi-Modules – Text-On-A-Path.
► See The Examples
► See The Video
► See The Documentation
► See The Change Log
Divi-Modules – TablePress Styler lets you import, configure and style your TablePress tables in the Divi Builder. Supports all official TablePress features and extensions, including: Table Headers & Footers; Search, Sorting & Pagination; Scrolling & Responsiveness; Copy, Save & Print Buttons; Fixed Headers & Columns; Hiding, Ordering & Filtering. ► Find Out More
Divi-Modules – Table Maker brings beautiful responsive tables to the Divi Builder. Style every part of the table from content to columns, headers to footers, right down to individual cells. Features include: Multiple Headers & Footers, Column & Row Span, Icon, Button & Image Cells, Accordion View for Mobile, Scrolling with Sticky Headers, and much more. ► Find Out More
Hide & Show PRO
Hide & Show PRO gives you full control over who sees your website content and when. With 30 Conditional-Display Components to choose from, Hide & Show PRO has literally thousands of possible configurations and uses. Easily create Repeating and Non-Repeating Marketing Promotions, Sales, Events and other Notifications to create a highly personalised browsing experience for your website visitors. ► Find Out More
Divi-Modules – Image Box lets you Scale, Crop, Rotate and Flip your images, directly within the Divi-Builder. Images can include Titles and Captions which can be loaded dynamically from the image itself or entered manually. Make your images look right on any device. ► Find Out More
Hide & Show (Basic)
Divi-Modules – Hide & Show (Basic) lets you hide and show website content based on logged-in status, user role, date and time. Use it to hide content during website development or to show targeted content to specific users at specific times. ► Find Out More
Divi-Modules – Typewriter adds a feature-rich animated typing module to the Divi Builder. Type headings, paragraphs, blockquotes, buttons, and more with all the Divi styles, effects and filter settings you’re familiar with. ► Find Out More
Divi-Modules – Simple Heading adds a simple but versatile module to the Divi Builder. Use it to add headings and subheadings to your Divi layouts, with all the Divi styles, effects and filter settings you’re familiar with. ► Find Out More