The Fancy Text block allows users to display animated or styled text to highlight key messages. It’s useful for adding visual interest to headings, taglines, or important information.

Adding the Block

To add the Fancy Text block:

1. Click the “+” button to add a new block.
2. Search for “Fancy Text” and select it.

Fancy Text Content Settings

Text Style

Choose how your fancy text should appear. You have two style options:

• Gradient
• Background Clipping

Fancy Text

Enter your custom text in the Fancy Text field. This is the content that will be styled based on the selected text style.

Customization Settings

If you select Background Clipping, an option will appear to upload or select a background image that will be clipped within the text.

If you select Gradient, you will be prompted to choose the gradient colors.

If you select Background Clipping, you’ll be able to upload a background image. Once the image is added, the following additional options will appear:

Background Size: Choose between Cover, Contain, or Auto.

Background Position: Set the positioning of the background image.

Background Repeat: Choose whether the image should repeat or not.

Background Overlay: Option to add a color overlay over the background image.

Text Alignment: Align the fancy text to the left, center, or right.

Fancy Text Typography

This section allows you to fine-tune the appearance of your fancy text. You can customize the following typography options:

Font Family: Select from a wide range of fonts to match your site’s branding.

Font Size: Adjust the size of the fancy text to fit your design.

Font Weight / Appearance: Choose how bold or light the text should appear (e.g., Light, Regular, Bold, Extra Bold).

Letter Spacing: Set the space between individual letters to enhance readability or create a unique visual style.

Line Height: Control the vertical spacing between lines of text to ensure proper alignment and spacing within headings.

Font Style: Apply styles like italic, uppercase, lowercase, or capitalize.