We have overhauled how you manage text customization in Teeinblue.

Previously, font and color settings were locked to individual text layers. We have moved these into independent Form Elements. You can now create dedicated Font, Color and apply them to multiple text layers simultaneously using the Populate Values feature.

Please continue reading to learn more about this new changes

Preparing the Assets

Uploading Fonts and creating Font Category

• As you might have already known, to upload your Font, please go into Assets > Upload Fonts > and click on the Upload Font button

• Once you've uploaded your Fonts, you will have to create a category for it. You can do so via Assets > Font Categories > and click on the + New Category button. After that, you can add any Fonts you have uploaded into your Category there.

Creating Color Category for Font

As you have already known, you have two primary options regarding Font Color

• Color Library: Create a dedicated Color Category to provide a curated selection of pre-set colors for customers to choose from. You can read more about the Color Category here.

• Color Picker: Allow customers to select any custom color directly via a picker tool.

Linking these configurations to your specific text layers will be covered in a subsequent step.

Creating the Text Background Category

You can utilize any standard Clipart category as a background for your text. While we will cover how to link these to your layers in a later step, you should begin by setting up your category.
Create a new Clipart category for your font backgrounds as follows:

Setting up Artwork using Custom Font Family, Font Color, and Text Background

As previously mentioned, our updated workflow separates Font Selection and Color Selection into an independent Form Element. Instead of being confined to individual text layers, these settings are now created as modular options that can be applied across your design.

Creating the Custom Font selection element

• Inside your Artwork Editor, click on + Layer and select Font

• You should find the setting panel for this layer pretty familiar. Please select it to the Font Category you've created at eariler step.

Creating the Font Color selection element

• Inside your Artwork Editor, click on + Layer and select Color

• Inside the setting panel, you can choose either Color Category or Color Picker

Creating the Font Background Category

Since a Font Background functions as a Clipart category that your custom text will populate values from in a later step, please begin by creating a new Clipart category.

• Inside your Artwork Editor, click on + Layer and select Clipart Category > 1 Clipart Category

• Select the Clipart Category you've created at earlier step

• Since this element acts as the source for your text background, it does not need to be visible on the product design itself. You can either drag it out of the Canvas area, or go into Extra > and set Display this layer on: None

Linking your Custom Text Layer to Form Elements

Now that you have created the Font Family, Font Color, and Text Background elements, it is time to connect them to your custom text. In this section, you will learn how to create a Custom Text layer and use the Populate values feature to link it to these three independent elements, allowing your customers to customize their text dynamically.

• To create a new Custom Text layer, on your Artwork Editor, click on + Layer then select Single-line Text

• Let's focus on the Populate Values section. Toggle on Populate Font from another option so that your Custom Text can populate the Custom Font selection value from the layer you have created.

• Continue to do so with the Color Option or the Background option

• That’s it. Your Custom Text layer is now linked to your Font and Font Color options.

In the example above, the Customers only have to select the Font properties option once, and they will be applied to both Custom Text layers.

Updated on: 07/07/2026