The Text Path Widget allows you to attach text to any shape! You can select from a predefined list of shapes or upload your own SVG shape, then customize and style it to your preference.
Adding Text Path widget
- Open the page where you want to add the widget.
- Locate the Text Path widget in the widget panel and drag it onto the canvas.
- Configure the widget settings as outlined below.
Content tab
- Text: Enter the text you want to display or use dynamic options.
- Path Type: From the dropdown list, select the path type. Options include Wave, Arc, Circle, Line, Oval, Spiral, and Custom (Upload your own SVG path file).
- SVG (When Custom is Selected): Upload a custom path to the media library in.SVG format and apply it to the text path.
- Link: Add your link URL or choose from dynamic options.
- Alignment: Select the alignment for your text.
- Text Direction: Choose the orientation of your text: Default, RTL, or LTR.
- Show Path: Toggle this option to display your path.
Style tab
Text Path
- Size: Set the size of the text path container using % or PX.
- Rotate: Adjust the rotation of your container in degrees.
Text Options
- Typography: Set the font family, sizes, and style, or use the global typography control.
- Text stroke:
Stroke Color: Choose the stroke color using the color picker or global options.
Stroke Width: Adjust the stroke width using the slider (PX). - Word Spacing: Adjust the word spacing using the slider
- Starting Point (%): Use the slider to set where your text starts on the path.
- Color: Choose the text color using the color picker or dynamic functions. Colors can be set for Normal and Hover states.
Advanced tab
You can customize the widget further using the settings available in the Advanced tab. These options provide additional styling and functionality adjustments, allowing you to tailor the widget to better fit your design needs.