---
title: "How do I change the color of the Don't show me again text in a Pop-up?"
slug: "how-do-i-change-the-color-of-the-dont-show-me-again-text-in-a-pop-up"
updated: 2025-08-02T14:06:20Z
published: 2025-08-02T14:06:20Z
---

> ## 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.

# How do I change the color of the Don't show me again text in a Pop-up?

If the**Don't show me again******text in your Pop-up matches the background color, it might reduce readability and affect the user experience. Change the text color to ensure visibility and maintain visual consistency with your application’s theme.

The following image shows how the Pop-up appears before updating the color of****the **Don’t show me again**text:

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Pop-up_Dont_show_me_again_Color_Change.png)

> [!WARNING]
> Note:
> 
> Before updating the CSS, identify a hex code that contrasts well with the Pop-up background.Before updating the CSS, identify a hex code that contrasts well with the Pop-up background.

Use the following steps to change the color of the**Don’t show me again** text in a Pop-up:

1. On the Whatfix Guidance dashboard, click **Widgets**.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left_nav_widgets.png)
2. Click **Pop-ups**.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_widget_popups.png)
3. Hover your cursor over the required Pop-up segment, and then click the **Edit** icon.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/CLM_DB_Click_edit_icon.png)
4. Click the **Code View** icon.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/DB_Pop-up_buttons_click_CSS.png)
5. Click the **CSS** tab.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Pop-up_CSS_Click.png)
6. At the end of the code editor, add the following CSS code snippet where `#ffffff` is the hex code for the color that you want to use.

```css
#popupDontShowPanel {
  color: #ffffff !important;
}
```

> [!NOTE]
> Info:
> 
> Choose a hex code that provides a good contrast with your background to keep the text readable, such as `#ffffff` on dark backgrounds or `#000000` on light backgrounds.
> 
> For example, the following image shows the hex code `#ffff99` added to improve text visibility:
> 
> ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Pop-up_Change_Hexcode_CSS.png)
> 
> For more information, see [Valid Hex Code Colors](https://www.w3schools.com/colors/colors_picker.asp).
7. Click **Run**to apply the changes.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/DB_Pop-up_buttons_ClickRun(1).png)

> [!WARNING]
> Note:
> 
> - The following image shows how the Pop-up appears after updating the text color using custom CSS:
> 
> ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Pop-up_Dont_show_me_again_Color_Changed.png)
> - This change applies only to the specific Pop-up where the CSS code snippet is added. It is not applicable to other Pop-ups.