Changing color of standard error messages. | XM Community
Skip to main content
Solved

Changing color of standard error messages.


Forum|alt.badge.img+4

Good morning Qualtrics Community - 

 

The default color of Qualtrics’ standard error messages is dark red. Which when used on a dark background make it hard to read and definitely fail any accessibility checks. How can I change the color of the messages? When I spoke to support, they indicated that it would be through custom code and to reach out to the community. 

 

I cannot change the background color as that is our brand color scheme. 

 

Qualtrics really should have this as a general option. 

Best answer by Nam Nguyen

ghotko wrote:

Good morning Qualtrics Community - 

 

The default color of Qualtrics’ standard error messages is dark red. Which when used on a dark background make it hard to read and definitely fail any accessibility checks. How can I change the color of the messages? When I spoke to support, they indicated that it would be through custom code and to reach out to the community. 

 

I cannot change the background color as that is our brand color scheme. 

 

Qualtrics really should have this as a general option. 

@ghotko Add this to Look & Feel → Style → custom CSS, change the color as you like

.Skin .ValidationError {
color: blue !important;
}

 

View original

2 replies

Nam Nguyen
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+29
  • QPN Level 8 ●●●●●●●●
  • 1091 replies
  • Answer
  • November 8, 2023
ghotko wrote:

Good morning Qualtrics Community - 

 

The default color of Qualtrics’ standard error messages is dark red. Which when used on a dark background make it hard to read and definitely fail any accessibility checks. How can I change the color of the messages? When I spoke to support, they indicated that it would be through custom code and to reach out to the community. 

 

I cannot change the background color as that is our brand color scheme. 

 

Qualtrics really should have this as a general option. 

@ghotko Add this to Look & Feel → Style → custom CSS, change the color as you like

.Skin .ValidationError {
color: blue !important;
}

 


Forum|alt.badge.img
  • 1 reply
  • February 22, 2024

Hi Nam,

What is the code to also change the (*) asterisk color for the error message?

Thanks!


Leave a Reply