Chameleon

How to change colors, fonts, add custom CSS or other styling options to your Experiences

Styling Overview

Explore the different options for formatting your Experience content

Formatting and styling text

How to use or add your own custom fonts for your product Tours.

How can I change the font of my Experiences?

Learn to create and manage branded designs that anyone on your team can use

Using Themes and Templates to style Experiences

Check out what you can customize with Chameleon to deliver on-brand Experiences to your users.

What styling and customizations are available in Chameleon?

Tiago Mota

Chameleon Team

See how to style Experiences and explore the design options you have

Design

Learn how you can add images, videos, or GIFs to your Chameleon Experiences

How can I upload media to my Experiences?

Learn how to add a shroud, lightbox, hotspot, or blur to your page along with your Step.

How can I highlight my Step to draw attention?

The different Canvas customization options for Experiences

How do I customize my Experience background?

Learn how to integrate external content in your Tours with embed HTML

Can I embed HTML content in Tour Steps?

Learn how you can use Chameleon to delight your customers.

How can I use Tours to delight my users?

Learn how you can add the progress indicator or breadcrumbs to your Tour Steps

How can I show the Tour progress to users?

Add a lightbox, embed HTML content, or add media to your Steps

Design options in the Builder

Learn how you can use CSS to specify your design and brand for any Chameleon Experience

Using Custom CSS to style Experiences

Explore how you can use Custom CSS to style Tours

Using Custom CSS to style Tours

How to change fonts, colors, backgrounds, custom CSS, and other styling for your Tooltips

Using Custom CSS to style Tooltips

Understand how you can use CSS to tweak the styling and format of your Microsurveys

Using Custom CSS to style Microsurveys

Use Custom CSS to change the styling of your Launcher to perfectly match your brand.

Using Custom CSS to style Launchers

Use Custom CSS to update the style of the 'Smart Widget' Trigger in your HelpBar

Using Custom CSS to style HelpBar

Learn to use the z-index property in custom CSS to solve element overlapping

Using CSS Layering to adjust where your Experience shows up

Explore how you can use Custom CSS to tweak the look of your Banners and Cards

Using Custom CSS to style Embeddables

Learn how to apply custom CSS to style your Experiences

Using Custom CSS

Blog

Inspiration

Use Cases

Developer Docs

Interactive Demos

Videos

Dashboard

Find answers and get help from Intercom Support and Community Experts

Empty Help Center

Uh oh. That page doesn’t exist.

Disappointed

Neutral

Smiley

Title

Track the progress of all tickets related to your company.

Tickets portal.

{assigneeName} needs more information from you