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

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

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;
}

thanks, Tom_1842

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

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;
}

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


Terms & Conditions