Text Path Widget

By using the Text Path Widget you can attach your text to any shape! select from a predefined list of shapes or upload your own SVG shape, customize and style it as you want.

Widget Controls

The text path widget features the following controls:

  • Text – Enter the text you wish to be displayed or use the dynamic options
  • Path Type – From the dropdown list, choose the path type. You may select from the following options:
    – Wave
    – Arc
    – Circle
    – Line
    – Oval
    – Spiral
    – Custom (Upload your own SVG path file)
  • SVG (When Custom is selected) –  You may upload a custom path to the media library using .SVG format and apply this to the text path
  • Link – Add your link URL or chose from the dynamic options
  • Alignment – Chose the alignment for your text
  • Text Direction – Choose the orientation of your text Default, RTL, or LTR
  • Show Path – Toggle this option to show your path

Style Options

Text Path

The text path has the following style controls. These control the container of your path:

  • Size – Set the size of the text path container using % or PX
  • Rotate – Set the rotation your container in degrees

Text Options

  • Typography –  Set the font family, sizes, and style, or use the global typography control
  • Word Spacing – Use the slider to set the word spacing in %
  • Starting Point – Use the slider to set the start point of your text on the path
  • Color – Choose the color for your text using the color picker or dynamic functions. Colors may be set for Normal and Hover classes. 

Path

Control the appearance of the path using the following options. These options can be set for Normal and Hover classes:

  • Color – Choose the background color of your path using the color picker or global options

Stroke

  • Color – Choose the background color of your stroke using the color picker or global options
  • Width – Use the slider to set the stroke width in PX

Share it on social networks

Was this article helpful?

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before

On this page