How to Add Text to a Video

Adding text to a video is easy in Vidds.

Often, you’ll simply select one of our existing scenes, edit the text, and make some tweaks to the style. Here, we’ll go over adding and editing text elements step by step so you know what’s available and how to create new elements from scratch.

Adding Text to a Scene

Let’s jump right in by adding a new text element. Simply click the “Add Text” icon at the top of the video canvas to add a text element to your scene.

Add text to video screenshot

Changing Text

Once you add the Text element, you can type or copy in the text you want to display, simply input it in the box at the top of the configurator on the left.

Edit text - Add Text to a Video

Positioning and Resizing the Text Element

You can click and drag your text element to position it wherever you want it in the scene. You can use the circle handles to resize as well. As you move and resize, it will snap to the sides of the video (or other elements in your scene), and you’ll see a red line showing what it’s snapping to.

Resize Text Box - Add text to Videos

Styling the Text

With your text element selected, you’ll see the most common style options at the top. Click on the font name to change the font, use the Size dropdown to change the font size, and click the “T” with color block to open the color selector to change the color.

Update Text Styles - Add Text to Videos

Two things to note: The color picker has a transparency slider at the bottom. If it’s all the way to the left, the text will be invisible. All the way to the right and it will not be transparent at all. The second thing to notice is the “HEX value” – the box with the #0045FF in the image above. This is a short code you can copy and paste to other elements to reuse the same color.

Aligning the Text

Depending on where your text is in the scene, you may want it aligned to the left, center, or right, as well as the top, middle, or bottom. You can simply click the Align button and select the new position. Also see “Padding” below to add some space.


Changing Letter, Line, and Border Spacing

You can also experiment with spacing to add additional style to your text.

Letter: Add or remove space between each letter in your text. Below, set to -6px, it has a nice compact look, while sliding it greater than 1 pixel will give the text a bold, spread-out look.

Line: Just like the letter spacing, you can increase or decrease the space between each line by dragging the Line Spacing slider.

Padding (Border): You can add space between the element outline and where the text starts with the Padding slider. This makes it easy to drag text elements to the corners and sides of the video, then space the text away from the edge.


Adding Text Shadows

Shadows are useful to stylize your text and help it stand out from the background. By default, you’ll see “No Shadow – Add”. Click the add button to add and customize the shadow. Choose a color (including transparency, if you’d like less of a shadow).

Use the Horizontal Offset slider to move the shadow left or right and the Vertical Offset to move it up or down. The Blur slider is used to adjust between a sharp, solid shadow or a soft, diffused shadow.

To remove the shadow, select the “X” button to the right of the Settings dropdown.

Add text shadows in a video

Animating Your Text

The point of video is movement, and we provide a number of animations you can apply to your text. Below the Animations header, you’ll see 3 dropdowns: In (how the text moves into the scene), Out (how it leaves the scene), and Highlight (an animation to bring attention to the element in the middle).

There are so many animations, we won’t explain each one here. They animate based on position (left, right, up or down), fade the text in, or scale it up or down. We also have some “Bounce” animations for a more fun and friendly movement.

animate text in a video

They usually look great in any scene layout, but you can experiment by selecting an animation and pressing the play button to watch and find the perfect animation for your scene.

Container Background and Rounded Borders

You can add a background color to your text element by selecting the color circle and choosing the color you like. You can also adjust the transparency slider to allow it to blend into the background.

You can also add rounded corners using the “Border Radius” slider.

Text background and borders in a video

Removing Text and Making a Copy

If you don’t need the text element anymore, you can click the trash icon at the top to delete it.

Alternatively, you might want to use similar text and styles for another element. You can click the duplicate (2 squares icon) at the top to create a new text element with the same settings.

Duplicate or delete text in a video


In most cases, you can just drag your text wherever you want. With the help of snapping, it will likely be in the right place for you. But you can also use the Position dropdown at the bottom to enter an exact location.

The locations are percentages, so 0% is at the left/top, and a width or height of 50% is half of the width or height.

position text in a video

Showing your Text Above or Below Other Elements

When your text overlaps with other elements, you may need to change it so it is displayed above or below other elements. 

Element Layering - Add Text to Videos

You can do this within the “Element Order & Timing” Tab at the bottom of the configurator, simply expand this section by clicking the arrow.

Here, you’ll see a list of the elements within the scene. To move an element, you can click the drag icon (6 dots) and drag it to the up or down the list.

Elements at the top show at the front of the scene, elements at the bottom are shown at the back of the scene.

This should cover most of the configuration tools available to you with text elements. We’re excited to give you the tools to bring your visions to life!

Common Problems and Solutions of Adding Text to a Video

Still having trouble? Here are some common problems and fixes.

I can’t see my text.

There are a few possible reasons for this:

  1. The text element is hidden behind something else. In the scene settings, you can drag your text element to the top of the list to fix this. See Showing Your Text Above or Below Other Elements above.
  2. A color may have been set to transparent. Transparency allows some or all of the background to show through. In the text color at the top, make sure the transparency slider is on the right so it will be visible. See Styling the Text above.
  3. The element has been moved outside of the video. It’s possible to accidentally drag an element outside of the video canvas. You can click the element in the Element list in scene settings, then use the Position section at the bottom to reset the Left/Top position to 0 (zero) to update the location.

My color isn’t showing up.

This is usually because of the transparency slider. See Styling the Text above to make sure it’s not transparent.

My text is hard to see in front of a background.

This is a common problem in design. Here are a few options to help it stand out:

  1. Change the text color to see if one stands out more.
  2. Use a bold font or increase the font size so more color comes through.
  3. Use a blurred shadow with a different color to add some contrast.
  4. Blur the image behind the text.
  5. If all else fails, you can set a container background color to something that your text stands out against. Once you find a good color, you can adjust the transparency of the background color so the background is visible but the text can still be seen.

I want to reuse my text style.

You can use the duplicate button at the top of the element to make a copy with the same styles.

I don’t need a text element anymore.

You can use the delete button (trash icon) at the top of the element to remove it from the scene.

Anything we missed?

We love helping creators! If this didn’t answer a question you have about how to add text to a video, then feel free to get in touch, or just give us your feedback!

Check out more of Vidds' Tutorials