How do you change the color of answer text? | XM Community
Skip to main content

How do you change the color of answer text?

  • November 25, 2022
  • 3 replies
  • 783 views

Forum|alt.badge.img+1

I'd like to make the default answer text color a darker grey because the default color is difficult to read for folks with low vision. What is the CSS code for changing just the answer text? I don't need to change the question text, the answer background, or anything else. Just the answer text. Thank you!

3 replies

Deepak
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+44
  • 1549 replies
  • November 26, 2022

CWilS
You can include the below CSS to change the color of default input text in look & feel>style>customCSS
.Skin .MC .TextEntryBox, .Skin .TE .ESTB .InputText, .Skin .TE .FORM .InputText, .Skin .TE .ML .InputText, .Skin .TE .PW .InputText, .Skin .TE .SL .InputText {
    color: #000;
}
Hope it helps!


Forum|alt.badge.img+1
  • Author
  • 6 replies
  • December 7, 2022

Hi Deepak, thank you for response. Unfortunately, when I try that with a dark grey hex code, I don't notice any change. This is what I put in the Custom CSS field:
.Skin .MC .TextEntryBox, .Skin .TE .ESTB .InputText, .Skin .TE .FORM .InputText, .Skin .TE .ML .InputText, .Skin .TE .PW .InputText, .Skin .TE .SL .InputText {
  color: #5A5A5A;
}

Can you think of any reason why this wouldn't have changed the answer text color?


Deepak
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+44
  • 1549 replies
  • December 7, 2022

https://community.qualtrics.com/XMcommunity/discussion/comment/52955#Comment_52955The default value is #757575 which is very close to #5a5a5a. I believe you should inspect the text and check within style the color value. or you can include !important to override default CSS as well.


Leave a Reply