Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 29, 2018 at 9:59 am #1027418
    tdako

    Hi,

    I am designing a site for a customer and she would like to have the animated number showing the percentage above the progress bar in a different color than the rest of the page. The page fonts use the colors specified in General Styling, but for the percentage number, she would like a totally different color.

    I tried to enter
    .progress-percent {
    color: red;
    }

    in the custom CSS field in the Theme Options, but this didn’t work.

    Any help would be much appreciated.
    Thanks a lot
    tdako

    October 29, 2018 at 12:18 pm #1027473
    Dutchman

    Hi Tdako,

    Try

    .progressbar-percent {
color: red;
}
    October 29, 2018 at 12:35 pm #1027478
    tdako

    Hi Dutchman,

    Sorry, my mistake. That is indeed what I tried, .progressbar-percent {…..

    I forgot to write bar.

    Dank Je wel…😉
    Teddy

    • This reply was modified 6 years ago by tdako.
    October 29, 2018 at 6:06 pm #1027681
    Jordan Shannon

    Hey tdako,

    Did you solve your issue or did you still need help?

    Best regards,
    Jordan Shannon

    October 29, 2018 at 7:48 pm #1027718
    tdako

    Hi Shannon/Dutchman,

    Thanks so much again for the help. The suggestion by Dutchman indeed worked. Problem was, anytime I refreshed the page, the change wasn’t showing. But after two days this morning, when I did check after posting here, the color had changed.

    Please close the case.

    Kind Regards
    tdako

    October 29, 2018 at 9:01 pm #1027742
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How to change the color of the font for the animated number above Progress Bar’ is closed to new replies.