I need to change the colour of the text used for the progress bar. I’ve successfully changed the background and foreground colours of the bar itself but have been unsuccessful changing anything to do with the font, be it size or color etc What is the name of the piece I’m trying to change? In the inspector the actual text is just in unnamed <td> cells. The overall container seems to be called ProgressBarContainer but nothing I’ve done effects it I thought maybe one of the two below would work but they have no effect: .Skin .ProgressBarContainer {color: red} or .Skin .ProgressBarContainer {font-color: red} I have also tried the solution posted here to no avail:

@FaviousMI think you fortot add the semicolon at the end of Tahoma;If it doesn't work with semicolon add "!important" as shown in the above below..Skin #ProgressBar tr td:first-child, .Skin #ProgressBar tr td:first-child+td+td { color: #757575; font-size: 16px; font-family: Tahoma !important;}

@FaviousMthis is Tahoma font.I checked the element and replaced the text with answer code to see the difference. Its the exact match.Thank you. I was getting a different looking font at one stage but got confused.Your original suggestion worked, I’ll mark that as the answer. Sorry for the confusion

Change Color of Progress Bar Text | Experience Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded