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:

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.

   

2. Click Pop-ups.

   

3. Hover your cursor over the required Pop-up segment, and then click the Edit icon.

   

4. Click the Code View icon.

   

5. Click the CSS tab.

   

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.

   #popupDontShowPanel {
     color: #ffffff !important;
   }
   

   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:

   

   For more information, see Valid Hex Code Colors.

7. Click Run to apply the changes.

   

Note:

• The following image shows how the Pop-up appears after updating the text color using custom CSS:

  

• This change applies only to the specific Pop-up where the CSS code snippet is added. It is not applicable to other Pop-ups.