Progress Bar text colour change

  • danieljmoore
  • Onderwerp Auteur
  • Offline
  • Nieuw lid
  • Nieuw lid
Meer
5 jaren 11 maanden geleden #6813 door danieljmoore
Progress Bar text colour change werd gestart door danieljmoore
Hi there! I am trying to change the color of the progress text in the footer! It is the lineof text that shows the percentage complete. right below the progress bar.
I can't seem to change it from black to white. I am trying to use a black footer, so the text is not legible. Any information would be greatly appreciated.

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Meer
5 jaren 11 maanden geleden #6814 door ronm
Beantwoord door ronm in topic Progress Bar text colour change
Hi
try the following:
Code:
.pbTxt { color: #ffffff; }
HTH
Ron

Xerte developer & trainer
e-learning & m-learning consultant
mitchellmedia.co.uk | xerteacademy.com | learningapps.co.uk
Note: Support here is voluntary and meant for users to support each other.
Need direct commercial support with Xerte? mitchellmedia.co.uk/contact/

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

  • danieljmoore
  • Onderwerp Auteur
  • Offline
  • Nieuw lid
  • Nieuw lid
Meer
5 jaren 11 maanden geleden #6815 door danieljmoore
Beantwoord door danieljmoore in topic Progress Bar text colour change
Thanks for the quick response! Very much appreciated.
Should I be putting this in the Script? I am using the copyright script I found in one of your replies...
I'm not sure where to put the new script you are suggesting... you'll have to excuse my liited knowledge in coding

$( "#x_footerProgress p" ).replaceWith( "<p class=ctext>&#169; copyright text here</p>" );
//$( ".pbContainer").remove();

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Meer
5 jaren 11 maanden geleden #6816 door ronm
Beantwoord door ronm in topic Progress Bar text colour change
No. What I suggested in my previous reply is just the css required to change the text colour. Put it in an optional styles property.
HTH
Ron

Xerte developer & trainer
e-learning & m-learning consultant
mitchellmedia.co.uk | xerteacademy.com | learningapps.co.uk
Note: Support here is voluntary and meant for users to support each other.
Need direct commercial support with Xerte? mitchellmedia.co.uk/contact/

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

  • danieljmoore
  • Onderwerp Auteur
  • Offline
  • Nieuw lid
  • Nieuw lid
Meer
5 jaren 11 maanden geleden #6817 door danieljmoore
Beantwoord door danieljmoore in topic Progress Bar text colour change
Understood! I put it right into a .css file, I had one already made for the header and footer colors.
Success!
Thank you for your patience, I am slowly learning css.

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

  • danieljmoore
  • Onderwerp Auteur
  • Offline
  • Nieuw lid
  • Nieuw lid
Meer
5 jaren 11 maanden geleden #6822 door danieljmoore
Beantwoord door danieljmoore in topic Progress Bar text colour change
Hi there, one more question, I was trying to change the size of the text as well... I assumed to do it in CSS with the following:
.pbTxt {
color: #ffffff;
font-size: 10px;
}
However this doesn't seem to work. Any advice on changing the text size?

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Moderators: ronmalimcn
Tijd voor maken pagina: 0.204 seconden
Copyright © 2026 The Xerte Project.
Xerte logo Apereo logo OSI Logo