Source: https://mindstamp.com/help/how-do-i-change-the-color-or-design-of-text-comments-on-mindstamp
Generated from the Help Center records: 2026-10-06

# How do I change the color and design of text interactions?

Topic: [Design, branding and languages](https://mindstamp.com/help/design) · Updated: 2026-09-25

## Short answer

Set the defaults in **Design** > **Text**: background color, text color and roundness. Then open one text interaction and use its **Styling** tab to change its own colors, border radius, font size and alignment. New text interactions start with the Design defaults.

## Steps

1. Open the video and select **Design** in the left menu.
2. In the **Text** section, set **Colors** (**Background** and **Text**) and **Roundness**.
3. Go back to **Interactions** and select a text interaction on the timeline.
4. Open the **Styling** tab.
5. Change **Colors** (**Text** and **Background**), **Border Radius**, **Font Size** or **Alignment** for this interaction only.
6. Play the video in **Preview** and check the text over the lightest and darkest frames behind it.

![Mindstamp Design page with the Buttons section (Text, Background and Border colors, Roundness), the Text section (Background and Text colors, Roundness) and the Account or This video switch highlighted](https://cdn.mindstamp.com/website2026/help/design-buttons-text.webp)

_On the Design page, set button and text colors and roundness for the account, or override them for one video._

![New Text interaction in Mindstamp with the Edit as HTML button and the Styling section (Colors, Border Radius, Font Size, Transition, Animation, Alignment) highlighted](https://cdn.mindstamp.com/website2026/help/text-styling.webp)

_A text interaction: edit its content as HTML, and set its colors, corner radius, font size and alignment under Styling._

## Defaults and exceptions

The **Text** section of Design sets the starting look for text interactions. When you add a new text interaction, it takes these colors and this roundness. Changes on the **Styling** tab apply to that one interaction and do not change the defaults.

Set defaults for every video from **Branding** in the side menu. A group or a single video can then override them. The **Customized** label on a Design section shows where a video no longer follows the account or group design.

## Change existing interactions to match a new design

Changing the defaults does not restyle text interactions you already made. To update them, open Design at the account or group level and use **Apply to videos…**. Select **Restore all interaction styles** to overwrite every interaction style on those videos. If you leave it clear, only styles that still match the old design are updated.

## Formatting inside the text

For bold words, line breaks, headings, lists or icons, open the **Content** tab and select **Edit as HTML**. The editor has **Insert Icon** for icons and a live preview. See the HTML guide linked below for the tags you can use.

## Keep text readable

- Use an opaque or near-opaque background. Video frames change, so a transparent background that works in one scene can fail in the next.
- Keep strong contrast between the text and its background.
- Check the text on a phone. A font size that fits on a laptop can wrap or clip on a small screen.
- Do not use color alone to carry meaning, such as red for wrong. Add a word as well.

## Viewer comments

Older help articles called text interactions "comments". Viewer comments, which viewers add while they watch, use the same Text design defaults.

## Go further

- [Design tutorial](https://mindstamp.com/tutorials/design)
- [Interactions tutorial](https://mindstamp.com/tutorials/interactions)

## Related answers

- [How do I change the text alignment and design of interactions and overlays?](https://mindstamp.com/help/interaction-text-and-overlay-styling)
- [How can I use HTML in a Mindstamp video?](https://mindstamp.com/help/how-to-embed-in-video-features-using-html-text)
- [How do I change button colors?](https://mindstamp.com/help/how-do-i-change-the-color-or-design-of-buttons-on-mindstamp)

---

Need more help? [Contact Mindstamp](https://mindstamp.com/contact) · [Help Center](https://mindstamp.com/help) · [All Help Center articles as JSON](https://mindstamp.com/help-feed/index.json)