Fordson: change footer-textcolor and add icons

Re: Fordson: change footer-textcolor and add icons

by Jason Hollowell -
Number of replies: 1
Picture of Particularly helpful Moodlers
Micheal,

Sorry to hear that you are not getting the results desired. I've been tweaking Fordson over the past day or so and have used the following, with desired success, in the footer.

#page-footer a {
color: #373A3C;
text-decoration: underline;
}

That was all I needed to get the text that was white to be grey which is the same as the other text in the footer. I'm attaching a screenshot of the footer I have to demonstrate what I got.

It seems you want to change not just the "logged in as" and other text on the left but also the text on the right side? In that case I think you need to tinker with something like this possibly:

For the institution name:

#page-footer .brandbox {
color: #Desired color
}

For the link below your institution name:

#page-footer .footercontact {
color: #Desired color
}

Cheers
Jason

P.S. I still need to tweak the color a bit so the info icon next to "Docs for this page" is a better color. White is not ideal with the footer color I am using.
Average of ratings: Useful (2)
In reply to Jason Hollowell

Re: Fordson: change footer-textcolor and add icons

by Victor Suarez -

Thanks a lot for the help in changing the Fordson theme footer.

I just wanted to add my 2 cents in case someone else requires extra customizations:

/* Set color for all texts in footer (including info icon) */
#page-footer .container {
  color: #desired-color;
}

/* Change footer background color */
#page-footer {
  background-color: #desired-color;
}

/* Hide the Moodle logo in non-Admin pages */
#page-footer .sitelink {
  display: none;
}

Happy Moodling!!

Victor