---
title: "Customize a Cue"
slug: "customize-a-cue"
updated: 2026-01-06T10:14:55Z
published: 2026-01-06T10:14:55Z
canonical: "support.whatfix.com/customize-a-cue"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.whatfix.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Customize a Cue

Whatfix enables you to customize how Cues appear to your end users. Define icons and icon colors, choose the background color, button color, and more.

For more information on creating a Cue, see [Create a Cue](/studio/docs/create-a-cue).

> [!WARNING]
> Note:
> 
> - Customization options such as changing the button color, background color, and more, apply to all the Cues created on the application, including the existing Cues.
> - Whatfix enables you to customize Cues only from the Guidance dashboard. You cannot customize Cues using Studio.
> - The dashboard-level customization enables you to maintain consistency within an application.

Use the following steps to customize Cues:

1. On the Whatfix Guidance Dashboard, click **Style**.

![cues_click_style.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/cues_click_style.png?sv=2026-02-06&spr=https&st=2026-10-17T06%3A13%3A03Z&se=2026-10-17T07%3A13%3A03Z&sr=c&sp=r&sig=MqUOHVHHvqjevrz7NdgOOw0oZ5Risd9COMdrD9eb9Ic%3D)
2. Click **Cues**.

![cues_styles_click_cues.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/cues_styles_click_cues.png?sv=2026-02-06&spr=https&st=2026-10-17T06%3A13%3A03Z&se=2026-10-17T07%3A13%3A03Z&sr=c&sp=r&sig=MqUOHVHHvqjevrz7NdgOOw0oZ5Risd9COMdrD9eb9Ic%3D)

1. Under **Appearance**, make the following configurations:

- **Icon**: Select an icon for the Cue.

> [!WARNING]
> Note:
> 
> Click **Add Icon** to add custom icons from the Icon library. For more information, see [Use custom icons for Cues](/studio/docs/use-custom-icons-for-cues).
- **Icon Color**: Select the color of the icon from the existing color picker or enter the hex code of the desired color.
- **Background Color**: Select the background color of the Cue from the existing color picker or enter the hex code of the desired color.
- **X Color**: Select the color of the 'X' icon from the existing color picker or enter the hex code of the desired color.
- **Button 1 Color**: Select the color of the button 1 from the existing color picker or enter the hex code of the desired color.
- **Button 2 Color**: Select the color of the button 2 from the existing color picker or enter the hex code of the desired color.
- **Title Formatting**: Select the text style, size, and color for the Cue heading.
- **Description Formatting**: Select the text style, size, and color for the Cue description.

![cues_appearance_customization.gif](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/cues_appearance_customization.gif?sv=2026-02-06&spr=https&st=2026-10-17T06%3A13%3A03Z&se=2026-10-17T07%3A13%3A03Z&sr=c&sp=r&sig=MqUOHVHHvqjevrz7NdgOOw0oZ5Risd9COMdrD9eb9Ic%3D)

1. Expand **Interaction** and make the following configuration:

![cue_interaction_customization.gif](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/cue_interaction_customization.gif?sv=2026-02-06&spr=https&st=2026-10-17T06%3A13%3A03Z&se=2026-10-17T07%3A13%3A03Z&sr=c&sp=r&sig=MqUOHVHHvqjevrz7NdgOOw0oZ5Risd9COMdrD9eb9Ic%3D)

- **Slide In:** Select the position from where the Cue slides in on the application from the six available positions. By default, the Cue slides in from the top.

![cues_style_slide_in.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/cues_style_slide_in.png?sv=2026-02-06&spr=https&st=2026-10-17T06%3A13%3A03Z&se=2026-10-17T07%3A13%3A03Z&sr=c&sp=r&sig=MqUOHVHHvqjevrz7NdgOOw0oZ5Risd9COMdrD9eb9Ic%3D)

1. Click **Save**.

![cues_style_save.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/cues_style_save.png?sv=2026-02-06&spr=https&st=2026-10-17T06%3A13%3A03Z&se=2026-10-17T07%3A13%3A03Z&sr=c&sp=r&sig=MqUOHVHHvqjevrz7NdgOOw0oZ5Risd9COMdrD9eb9Ic%3D)

> [!WARNING]
> Note:
> 
> - If you click **Discard changes**, all the modifications you've made to the content is lost, and the page reverts to its previous saved state.
> - Any changes that you make are applied to all the Cues that you may have on your application. This includes Cues that you have already created.
> - Ensure that you publish the customization changes to make them live on the application. For more information, see [Push all Whatfix content and widgets to Production](/studio/docs/pushing-whatfix-content-to-production).

Cues are contextual, just-in-time nudges that appear within your end users’ flow of work to guide them toward helpful next steps.