Supporting each other

Community forums

Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC:

Progress Bar text colour change 4 years 2 months ago #6813

  • danieljmoore
  • danieljmoore's Avatar Topic Author
  • Offline
  • New Member
  • New Member
  • Posts: 7
  • Thank you received: 0
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 Connexion or Create an account to join the conversation.

Progress Bar text colour change 4 years 2 months ago #6814

  • ronm
  • ronm's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 847
  • Thank you received: 260
Hi
try the following:
.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 Connexion or Create an account to join the conversation.

Progress Bar text colour change 4 years 2 months ago #6815

  • danieljmoore
  • danieljmoore's Avatar Topic Author
  • Offline
  • New Member
  • New Member
  • Posts: 7
  • Thank you received: 0
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>© copyright text here</p>" );
//$( ".pbContainer").remove();

Please Connexion or Create an account to join the conversation.

Progress Bar text colour change 4 years 2 months ago #6816

  • ronm
  • ronm's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 847
  • Thank you received: 260
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 Connexion or Create an account to join the conversation.

Progress Bar text colour change 4 years 2 months ago #6817

  • danieljmoore
  • danieljmoore's Avatar Topic Author
  • Offline
  • New Member
  • New Member
  • Posts: 7
  • Thank you received: 0
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 Connexion or Create an account to join the conversation.

Progress Bar text colour change 4 years 2 months ago #6822

  • danieljmoore
  • danieljmoore's Avatar Topic Author
  • Offline
  • New Member
  • New Member
  • Posts: 7
  • Thank you received: 0
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 Connexion or Create an account to join the conversation.

  • Page:
  • 1
Moderators: alimcnronm
Time to create page: 0.048 seconds
Copyright © 2024 The Xerte Project.
Xerte logo Apereo logo OSI Logo

Search