Skip to main content

Formatting and styling text

Explore the different options for formatting your Experience content

Chameleon Team avatar
Written by Chameleon Team
Updated yesterday

With Chameleon, you can always deliver engaging and easy-to-digest messages. In any Experience you create, you can use our Rich Text Editor (or markdown) to format your copy in the Builder.


Availability & Usage

🔐 Available for Startup, Growth, Enterprise

⚙️ Use from the Builder


Formatting your copy

📍 The Rich Text Editor is available for all components in the Builder, where you can edit copy (e.g., body, title, CTA, Dismiss, etc.) except for Launchers (coming soon!).

You can use the Rich Text Editor in the Builder to format your copy faster and more precisely. Highlight your copy to access the Rich Text Editor in your body, titles, or CTA buttons.

You can use the Rich Text Editor to:

  • add headings (H1,H2, H3)

  • apply bold, italic, underline, strikethrough, or code styles

  • add a hyperlink

  • create a bulleted or numbered list

In the Builder panel, you can find other useful options, such as:

  • changing the text alignment

  • adjusting the color, font size, and line height

👉 Learn more about customizing Titles in Launchers, which have similar options.

When updating values in PX or % from the Builder, you can hold down Shift on your keyboard to increase/decrease the values by tens.


Markdown options

You can format the text within your Experiences using Markdown as well. Here are the different formatting options you can apply in the Builder.

Text effects

  • Bold: **text** 

  • Italic: *text* or _text_ 

  • Strikethrough: ~~text~~ 

  • Code word: `text`

Links

  • Hyperlink: [text](link URL)

Extra line breaks are NOT collapsed as they would in traditional markdown.

Paragraph formatting

  • Horizontal rule (line): *** (three asterisks) or ___ (three underscores) on its own line.

This generates a <hr> tag and remember you can use line breaks above and below for better spacing.

Headers

  • Header 1 (largest font size): # text 

  • Header 2 (second largest font size): ## text 

  • ...

  • Header 6 (smallest font size): ###### text 

Lists

  • Bulleted list: - text 

  • Numbered list: 1. text  

  • Second indent: leave a space before the dash or number

Ensure there is a return (line break) above the list start, and that there is space between the dash or number and text.

Alignment

  • Left aligned: nothing -- this is the default

  • Right aligned: => text

  • Center aligned: =| text


Using Emojis

You can use emojis in your content to add more personality and deliver easier-to-digest information. Chameleon supports emojis, and you can use the built-in emoji selector that's available to you:

  • On Mac, press CTRL + CMD + Space.

  • On Windows, press Win + . or Win + ;.

From the Chrome browser, you can also access this by right-clicking the page and selecting the Emoji & Symbols option.

👉 Explore how you can use our AI assistant to improve the format and tone of your content in Chameleon

Did this answer your question?