Change text, fonts and colours
Edit words right on the canvas or in Properties, and change fonts, sizes and colours.
Changing words and colours is what you will do most. There are two ways: right on the canvas, or in the Properties tab.
Change text on the canvas
- Double-click the button or text you want to change.
- Type the new words. The old text is selected, so typing replaces it.
- Press Enter to finish, or click somewhere else.
To start a new line, press Shift + Enter. Press Esc to stop editing.
Change text in Properties
Select the element and look for the Text section in the Properties tab. The box is called Button Text, Text or Label, depending on the component. Type there and the canvas updates as you go.
Under the text box you can change:
- Style: bold, italic, underline and strike-through.
- Alignment: left, centre or right, and V-Align (top, middle, bottom).
- Size: the number next to the T icon.
- Casing: as typed, ALL CAPS, all lower case or Small Caps.
- Font: pick from the list. Pro and Max users can upload their own fonts.
- Colour: the square opens a colour picker, or type a hex code like
#ffcc00. - Spacing between letters, words and lines.
Three switches decide how text fits its box:
- Scale text with component: the text grows when you make the element bigger.
- Text wrapping: long text continues on the next line.
- Auto-fit font size: the text shrinks to fit the box.
Tip: Text goes to Unity as editable TextMeshPro text, so you can still change it there or from code. Pick PNG (Image) under Text Export Mode only for fancy titles that must look exactly the same everywhere.
Change colours
Scroll down to Colors in the Properties tab. Every coloured part has its own row: for a game button that is Background, Bottom Color (for the shiny gradient) and Border Color.
- Click the coloured square to pick a colour, or type a hex code.
- Drag the Opacity slider to make it see-through.
Other sections change the shape, for example Border Radius (rounder corners) and Border Width.
Change many things at once
- Select several elements (hold Shift and click) to change what they have in common, such as size.
- To change the font, corners or colours of the whole project, use the Project theme.