Progress Bar text colour change

  • danieljmoore
  • Topic Author
  • Offline
  • New Member
  • New Member
More
5 years 11 months ago #6813 by danieljmoore
Progress Bar text colour change was created by 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.

Please Log in or Create an account to join the conversation.

More
5 years 11 months ago #6814 by ronm
Replied by ronm on 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/

Please Log in or Create an account to join the conversation.

  • danieljmoore
  • Topic Author
  • Offline
  • New Member
  • New Member
More
5 years 11 months ago #6815 by danieljmoore
Replied by danieljmoore on 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();

Please Log in or Create an account to join the conversation.

More
5 years 11 months ago #6816 by ronm
Replied by ronm on 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/

Please Log in or Create an account to join the conversation.

  • danieljmoore
  • Topic Author
  • Offline
  • New Member
  • New Member
More
5 years 11 months ago #6817 by danieljmoore
Replied by danieljmoore on 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.

Please Log in or Create an account to join the conversation.

  • danieljmoore
  • Topic Author
  • Offline
  • New Member
  • New Member
More
5 years 11 months ago #6822 by danieljmoore
Replied by danieljmoore on 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?

Please Log in or Create an account to join the conversation.

Moderators: ronmalimcn
Time to create page: 0.159 seconds
Copyright © 2026 The Xerte Project.
Xerte logo Apereo logo OSI Logo