Progress Bar text colour change

  • danieljmoore
  • Auteur du sujet
  • Hors Ligne
  • Nouveau membre
  • Nouveau membre
Plus d'informations
il y a 5 ans 11 mois #6813 par danieljmoore
Progress Bar text colour change a été créé par 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.

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 5 ans 11 mois #6814 par ronm
Réponse de ronm sur le sujet 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/

Connexion ou Créer un compte pour participer à la conversation.

  • danieljmoore
  • Auteur du sujet
  • Hors Ligne
  • Nouveau membre
  • Nouveau membre
Plus d'informations
il y a 5 ans 11 mois #6815 par danieljmoore
Réponse de danieljmoore sur le sujet 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();

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 5 ans 11 mois #6816 par ronm
Réponse de ronm sur le sujet 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/

Connexion ou Créer un compte pour participer à la conversation.

  • danieljmoore
  • Auteur du sujet
  • Hors Ligne
  • Nouveau membre
  • Nouveau membre
Plus d'informations
il y a 5 ans 11 mois #6817 par danieljmoore
Réponse de danieljmoore sur le sujet 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.

Connexion ou Créer un compte pour participer à la conversation.

  • danieljmoore
  • Auteur du sujet
  • Hors Ligne
  • Nouveau membre
  • Nouveau membre
Plus d'informations
il y a 5 ans 11 mois #6822 par danieljmoore
Réponse de danieljmoore sur le sujet 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?

Connexion ou Créer un compte pour participer à la conversation.

Modérateurs: ronmalimcn
Temps de génération de la page : 0.135 secondes
Copyright © 2026 The Xerte Project.
Xerte logo Apereo logo OSI Logo