> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://customix.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Further Settings of Custom Text

When you add a **Custom Text** layer into a design, you can access advanced settings to control how the text behaves and looks. These options help merchants add fixed elements, adjust spacing, and apply special visual effects.

# 1. Prefix & Suffix
* **Prefix**: Adds a fixed text element **before** the customer’s input.
* **Suffix**: Adds a fixed text element **after** the customer’s input.
👉 Example: If you set **Prefix = “The”** and **Suffix = “End”**, and your customer enters *Custom Text*, the final result will display as:
**“The Custom Text End”**
Only the main **Custom Text** area will change based on customer input.

![Prefix and Suffix](https://storage.crisp.chat/users/helpdesk/website/-/b/3/c/1/b3c1fc6f21f6e800/image_a1w8zq.png)
# 2. Character Spacing
Adjusts the **space between letters** in the custom text. Increasing the value spreads characters apart, while decreasing it makes them closer.

# 3. Stroke (Outline)
You can add an outline around the text for better visibility or style effects.
* **Stroke width**: Controls how thick the outline is.
* **Outer stroke**: Expands the outline outward.
* **Inner stroke**: Draws the outline inward, making the text itself appear thicker.
👉 Example: A red outer stroke creates a bold border outside the letters.

![Text outline](https://storage.crisp.chat/users/helpdesk/website/-/b/3/c/1/b3c1fc6f21f6e800/image_8ub661.png)
# 4. Text Pattern
This feature allows you to fill the text with an image or texture.
* **Upload your file**: Choose an image to be used inside the text.
* **Scale**: Adjust the size of the pattern inside the text.
* **Repeat**: Enable to tile the pattern across the text.
* **Offset X / Y**: Move the pattern horizontally X)  or vertically (Y) inside the text.
👉 Example: You can fill text with a fabric texture, photo, or repeating pattern for unique design effects.

![Text pattern](https://storage.crisp.chat/users/helpdesk/website/-/b/3/c/1/b3c1fc6f21f6e800/image_akcpfn.png)
# 5. Text Shadow
This feature allows you to add a drop shadow effect to your text to make it stand out.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/c/1/b3c1fc6f21f6e800/image_16pm3cj.png)
* **Shadow color:** Choose the color of the shadow from the color picker.
* **Blur:** Adjust the softness and dispersion of the shadow's edges. A higher value creates a smoother, more diffuse shadow.
* **Offset X:** Move the shadow horizontally relative to the text. Positive numbers move it to the right, negative numbers move it to the left.
* **Offset Y:** Move the shadow vertically relative to the text. Positive numbers move it down, negative numbers move it up.
👉 Example: You can use a dark, low-blur shadow to create a lifting effect for the text, or a light-colored shadow for a softer, neon-like glow.

# 6. Text Gradient
This feature allows you to apply multiple colors to your text, creating a smooth transition between them.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/c/1/b3c1fc6f21f6e800/image_1ahb7r6.png)
* **Type:** Choose between **Linear** (colors flow in a straight line) or **Radial** (colors radiate from a center point).
* **Angle:** Rotate the direction of the gradient. (e.g., 90° for top-to-bottom, 180° for right-to-left).
* **Color stops:** Add and customize the colors used in your gradient.
* **Add color stop:** Click to add more colors to create complex, multi-color gradients.

# 7. Automatic Multiline
When Automatic Multiline is enabled, the app will automatically adjust the text layout based on the Maximum and Minimum font sizes you define.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/c/1/b3c1fc6f21f6e800/image_1e7sc4o.png)

The app will calculate the available width and height of the text area, then determine the most suitable font size within the specified range. If the text cannot fit on a single line, it will automatically wrap the content into multiple lines while maintaining the best possible font size.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/c/1/b3c1fc6f21f6e800/image_1vatia.png)

Use this feature when you want to ensure that customer-entered text always fits within the designated area without requiring manual resizing or line breaks.

# 8. Text As Mask 
The **Text as Mask** feature allows you to fill your text with an image, creating a striking text-mask effect. To use it, first select your Text Layer and click the Text as Mask icon in the top toolbar. The text will automatically become a mask, revealing the Image Layer beneath it.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/c/1/b3c1fc6f21f6e800/image_135yzhg.png)

Note:
* This feature requires an Image Layer below the Text Layer. Both a regular Image Layer, Image Swatch, Vector and Vector Swatch are supported.
* In the Design tab, you'll notice a blue outline around the masked text. This outline is only displayed to make the design easier to edit. It will not appear on your storefront or in the final production file.


# 9. Vertical Text

Add a text layer, then click the Vertical text button in the layer's toolbar to switch the text from horizontal to vertical. The characters stack from top to bottom instead of running left to right, which is useful for spine labels, tall product areas, or a stylized layout. Click the button again to switch back to horizontal.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/c/1/b3c1fc6f21f6e800/image_11rp3j3.png)