Edit and style text

Edit whole text boxes or selected characters, apply supported text settings, and understand which styles work at each level.

Kittl gives you two levels of text control: the whole text box and individual characters. Use this article to understand the difference and apply the right settings for your design.

#Textbox-level vs character-level editing

You can apply text properties at two levels:

• Textbox-level: affects all text inside the box

• Character-level: affects only selected words or letters

#Enter and exit text edit mode

1. Double-click a text box to enter edit mode.

2. Click outside the text box or press ESC to exit.

To style text, either select the text box (single click) or highlight specific characters (double-click, then drag).

#Style an entire textbox

1. Click once to select the text box without entering edit mode.

2. Use the Text Settings panel on the right to apply your changes.

#Style specific words or letters

1. Double-click the text box to enter edit mode.

2. Highlight the text you want to change.

3. Use the Text Settings panel to apply your changes.

#You can adjust:

• Font: choose from the typeface dropdown

• Font weight: select a weight (e.g., Regular, Bold) or use the slider for variable fonts

• Font size: use the keyboard arrows or enter a custom value

• Letter spacing: adjust horizontal spacing between characters

• Line height: adjust vertical spacing between lines

• Alignment: align left, center, right, or justified

• Uppercase: toggle all caps with the TT button

• Ligatures: enable or disable with the fi button

#Fonts (typeface)

1. Select a text box or highlight characters.

2. In the Text Settings panel, click the font dropdown.

3. Choose a font and click to apply.

#Font weight

1. Select a text box or highlight characters.

2. In the Text Settings panel, click the Font Weight dropdown.

3. Select a weight (e.g., Bold, Italic, Regular) or use the slider for variable fonts.

#Font size

1. Select a text box or highlight characters.

2. In the Text Settings panel, adjust Font Size using the keyboard arrows or by typing a value.

You can also drag the corners of the text box to resize — this applies to the whole box only.

#Letter spacing

1. Select a text box or highlight characters.

2. In the Text Settings panel, find Letter Spacing.

3. Use the keyboard arrows or type a value to adjust horizontal spacing between characters.

#Line height

1. Select a text box or highlight characters.

2. In the Text Settings panel, find the Line Height input.

3. Use the keyboard arrows or type a value to adjust vertical spacing between lines.

#Text alignment

1. Select a text box or highlight characters.

2. In the Text Settings panel, click the alignment button that fits your design: left, center, right, or justified.

#Uppercase

1. Select a text box or highlight characters.

2. In the Text Settings panel, click the TT button to toggle uppercase on or off.

#Ligatures

1. Select a text box or highlight characters.

2. In the Text Settings panel, click the fi button to enable or disable ligatures.

#Style text inside transformed or decorated designs

Text transformations and decorations (like curves, waves, shadows, textures, and outlines) apply to the whole text box. You can still style individual characters within these effects.

1. Select a decorated or transformed text box.

2. Double-click to enter edit mode and highlight the characters you want to change.

3. Adjust any of the following in the Text Settings panel:

   • Font

   • Font weight

   • Font size

   • Letter spacing

   • Uppercase

   • Ligatures

Your changes appear inside the transformed layout (e.g., curved or warped), giving you precise control over complex typographic designs.

#Character-Level Limitations

Borders (Stroke) aren't supported at the character level. Applying a border affects the entire text box.