how to change font color of verbose text in the progress bar | XM Community
Skip to main content

how to change font color of verbose text in the progress bar


Forum|alt.badge.img+5

Hello XM Community,
I'd like to change the font colour (black) of the verbose text in my progress bar. What code should I type in the Custom CSS? Please suggest. TIA

5 replies

Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Level 8 ●●●●●●●●
  • 876 replies
  • October 3, 2022

Hi there, try adding the below CSS over in the Style section of your survey's Look & Feel:
#ProgressBar > div > table > tbody > tr:nth-child(1) > td > label,
#ProgressBar > div > table > tbody > tr:nth-child(2) > td:nth-child(1),
#ProgressBar > div > table > tbody > tr:nth-child(2) > td:nth-child(3) {
color: red;
}


Forum|alt.badge.img+5
  • Author
  • Level 1 ●
  • 15 replies
  • October 3, 2022

thanks, Tom_1842


Forum|alt.badge.img+5
  • Author
  • Level 1 ●
  • 15 replies
  • October 3, 2022

Tom_1842 , and what code should I use to change the fonts and font size?


Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Level 8 ●●●●●●●●
  • 876 replies
  • October 3, 2022

Try something like the below:
#ProgressBar > div > table > tbody > tr:nth-child(1) > td > label,
#ProgressBar > div > table > tbody > tr:nth-child(2) > td:nth-child(1),
#ProgressBar > div > table > tbody > tr:nth-child(2) > td:nth-child(3) {
color: red;
font-size: 20px;
font-family: verdana;
}


SuhasM
Qualtrics Employee
Forum|alt.badge.img+16
  • Qualtrics Employee
  • 114 replies
  • October 4, 2022

Thank you so much Tom_1842 for taking time out of your day to create these custom code solutions for sajjid! And, thank you for confirming that these solutions work as well! 🙂


Leave a Reply