Text
Bonzai avatar
Written by Bonzai
Updated over a week ago

The text element allows you to add text to the creatives. In the properties tab, on the right panel, you can edit the following properties of the text element:

General

Text: Displays the name of the text element. You can change the name of the text element by selecting it and entering the desired name.

Position: You can define the positioning of the element on the workspace. The positioning of the element is relative to the workspace.

In the following screenshot, the text element is placed at Zero pixels from the left edge and the top edge. It implies that the element is placed at the top left corner of the workspace.

While manually entering the values for positioning, you cannot enter decimal values.

Height & Width: You can resize an element by dragging the corner handles of the element. Alternatively, you can enter the size of the element on the size fields.

While manually entering the values for resizing, you cannot enter decimal values.

Select lock to keep the aspect ratio locked when resizing the text element.

Rotation: You can rotate the text element by using the rotate lever or entering the value in the angle field.

The angle field displays values from 0 to 360 when the icon is rotated. While using the rotation feature to animate the text element, values must be entered in multiples of 360 to signify how many times the rotation must happen.

Opacity: You can change the opacity of the text element by dragging the slider.

Text Setting

Label: Type in the content that you want to be displayed on the workspace.

Font: Allows you to select the font for the text on the workspace. You can also upload custom fonts by clicking the +Add Font button in the Fonts drop-down list.

Fallback Font: A fallback font is a reserve font that is used when there is some issue in loading a custom font.

You cannot assign a custom font as a fallback font.

Size (px): Allows you to change the font size of the text.

Font Style: Allows you to assign bold, Italics, and Underline font style to the text.

Text Fill: Allows you to change the color of the text on workspace.

Opacity: Allows you to control opacity of the text on the workspace.

This will only change the opacity of the text on the workspace.

Alignment: Allows you to change the alignment of the text in the text element’s container.

Character Spacing: Allows you to change the spacing between the text’s alphabets.

Line Spacing: Allows you to change the spacing between lines.

Behavior

Keep initial state as hidden: Keeps the initial state of the text element as hidden until a configured action to show it is not performed. You can configure the action on the Events tab. For example, even if an animation is created to fade the text element, it will not show till the show action is triggered.

Position

Position of the element: Position refers to the position of the text element on the workspace. Pinning an element to an edge instructs that element to move as the edge itself moves. When an element is pinned to non-opposing edges on the workspace, the distance of the element from those edges of workspace remains fixed or proportional.

You can define the position of the element as Float or Fixed.

  • Float: When selected, the position of the element on the workspace is fixed such that when the rendered creative size is increased or decreased, the element is placed proportionately. For example, in a 1000 px wide workspace if an element is placed at 200px from the left edge, then in a 2000 px wide workspace the element will be placed 400px away from the left edge.

  • Fixed: When selected, the position of the element is fixed from the edges irrespective of the size of the rendered creative. For example, if an element is pinned 10 pixels away from the top and the left edge, as the workspace size changes, the position of the element will still be 10 pixels away from the top and the left edge.

Dimension: Dimension refers to the fluidity or the fixity of the element container. You can control the resizing aspect of any element by using the two arrows in the Dimension section. When the size of the document changes, the width and height of the element container also changes. If you enable either or both the arrows, the container of the element changes accordingly in height and width. By default, both the arrows are enabled.

To change the dimension of the element in the rendered creative, perform the following:

  • To enable resizing the height of the element, click the up-down arrow.

  • To enable resizing the width of the element, click the left-right arrow.

Did this answer your question?