1. Home
  2. Docs
  3. Creative Elements
  4. Fancy Text

Fancy Text SA Element

Fancy Text is a text effects element that is there to help you add animation and styling effects to the headlines and main texts. You can deliver your main message in the clearest and most effective way while using Fancy Text to create attractive headlines that help keep your visitors interested and engaged. With the help of this dynamic Elementor element, you can simply modify the appearance of words, characters, and sentences available on your website as content. Here in this tutorial, you’re going to learn how to use the Fancy Text element into Elementor Page Builder. So let’s get straight into it:

 


If you don’t know how to activate elements and start using it, then check the tutorials below:

Ξ Activate/De-activate Elements

Ξ Using Elementor Addons in Elementor


 

How to Customize the Fancy Text Element

 

 

»Content

 

Fancy Text

⇒Prefix Text: Enter your prefix text. Click on Dynamic settings to apply the AnalogWP Classes to the prefix text. (Ex. Add a dark background)

⇒Fancy Text Strings: Now, add your fancy text string as many as you need. Click on Dynamic settings to apply the AnalogWP Classes to the fancy text strings. (Ex. Add a dark background)

⇒Add Item: Use the ‘+Add Item’ button to add more fancy strings to the heading.

⇒Suffix Text: Enter your suffix text. Click on Dynamic settings to apply the AnalogWP Classes to the suffix text. (Ex. Add a dark background)

 

Fancy Text Settings

⇒Style Type: Select a style type for the fancy text strings.

⇒Alignment: Set the Alignment of the heading either left, center or right for different dimensions.

⇒Animation: Select the animation type you want to have on your fancy text strings.

⇒Typing Speed: Customize the typing speed.

⇒Delay on Change: Set the delay on change the strings.

⇒Loop the Typing: Enable the type looping.

⇒Display Type Cursor: Enable the type cursor to display it on the text.

 


»Style

 

Prefix Text Style

⇒Prefix Text Color: Set the prefix text color of the fancy text.

⇒Typography: Set the typography options for the prefix text.

 

Fancy Text Style

⇒Fancy Text Color: Set the fancy text color of the fancy text.

⇒Typography: Set the typography options for the fancy texts.

⇒Background: Add a custom background color to the fancy texts.

⇒Typing Cursor Color: Customize the typing cursor color.

⇒Padding: Set the padding value for the top, right, bottom and left around the fancy text for different dimensions. You can link the values together or customize them individually.

⇒Margin: Set the margin value for the top, right, bottom and left around the fancy text for different dimensions. You can link the values together or customize them individually.

⇒Border Type: Select a border type from the list according to your preference. And then set the border width for the top, right, bottom and left of the fancy text strings for different dimensions. You can link the values together or customize them individually.

⇒Border Color: Add a custom color to the border.

⇒Border Radius: Set the border radius for the top, right, bottom and left around the fancy text for different dimensions.

 

Suffix Text Style

⇒Suffix Text Color: Set the suffix text color of the fancy text.

⇒Typography: Set the typography options for the suffix text.

 


»Advanced

Set the Advanced options that are applicable to this widget

Still can’t figure out? Don’t worry, we got your back! Just watch the video tutorial below to have a precise understanding of the Fancy Text Element.


Was this article helpful to you? Yes No

How can we help?