Is it to simple? 
Re: Fordson: change footer-textcolor and add icons
Number of replies: 5Re: Fordson: change footer-textcolor and add icons
Michael,
I was just getting ready to post a very similar question and found your inquiry here. I have a similar situation so I'll add my inquiry here bumping this up to the top and hopefully elicit a response. (fingers crossed)
I've just installed Fordson (most recent version as of 2 days ago) on Moodle 3.10.1+ running on Apache/Mysql (7.4). I'm using the following Fordson settings:
Preset: Boost
Layout Chooser: Default Boost Layout
Section Style Chooser: University Learner
Course Tile Display: Horizontal Style One
Block Display: Three Column Fordson Default
Actually, I think the only setting above that is pertinent to my question is the Boost preset. I've changed the footer color to a very light green. With this color setting the footer items (logged in as, logout, Data retention summary, and Get the mobile app) appear as white links. The contrast of the white on the light green makes them basically invisible. I'd like to change the color of that text but am having a heck of a time figuring out what css to use.
Also, I note that with the default color for the footer (when using the Boost preset) adding an Institution name, URL, social media links results in text that is basically the same color as the footer and thus invisible. Changing to light green made those stand out nicely but made the ones I listed above virtually invisible. I am attaching a screen shot of the footer for reference.
Any help will be most appreciated.
Cheers
Jason
I was just getting ready to post a very similar question and found your inquiry here. I have a similar situation so I'll add my inquiry here bumping this up to the top and hopefully elicit a response. (fingers crossed)
I've just installed Fordson (most recent version as of 2 days ago) on Moodle 3.10.1+ running on Apache/Mysql (7.4). I'm using the following Fordson settings:
Preset: Boost
Layout Chooser: Default Boost Layout
Section Style Chooser: University Learner
Course Tile Display: Horizontal Style One
Block Display: Three Column Fordson Default
Actually, I think the only setting above that is pertinent to my question is the Boost preset. I've changed the footer color to a very light green. With this color setting the footer items (logged in as, logout, Data retention summary, and Get the mobile app) appear as white links. The contrast of the white on the light green makes them basically invisible. I'd like to change the color of that text but am having a heck of a time figuring out what css to use.
Also, I note that with the default color for the footer (when using the Boost preset) adding an Institution name, URL, social media links results in text that is basically the same color as the footer and thus invisible. Changing to light green made those stand out nicely but made the ones I listed above virtually invisible. I am attaching a screen shot of the footer for reference.
Any help will be most appreciated.
Cheers
Jason
Re: Fordson: change footer-textcolor and add icons
Documenting baby steps toward a solution here. 
So, it seems I need to somehow modify the following --> $footer-link-color
But there is an inverse setting in the code that I don't entirely understand. It seems to be setting the color as inverse to the background...but in my case this isn't resulting in a desirable outcome. How to modify is my dilemma?
So, it seems I need to somehow modify the following --> $footer-link-color
But there is an inverse setting in the code that I don't entirely understand. It seems to be setting the color as inverse to the background...but in my case this isn't resulting in a desirable outcome. How to modify is my dilemma?
Re: Fordson: change footer-textcolor and add icons
Ok, found it! The following allows for those white links to be grey. Change the color, of course, as desired.
Paste this in Raw SCSS input area for the end of the style sheet found at the bottom of the colors setting page for Fordson.
#page-footer a {
color: #373A3C;
text-decoration: underline;
}
I guess text-decoration: underline isn't really necessary as it's already defined in the sheet. I simply copied the entire entry and change the color from #fff to #373A3C which is the same grey as the social media and institution links.
Cheers
Jason
Paste this in Raw SCSS input area for the end of the style sheet found at the bottom of the colors setting page for Fordson.
#page-footer a {
color: #373A3C;
text-decoration: underline;
}
I guess text-decoration: underline isn't really necessary as it's already defined in the sheet. I simply copied the entire entry and change the color from #fff to #373A3C which is the same grey as the social media and institution links.
Cheers
Jason
Re: Fordson: change footer-textcolor and add icons
Hey Jason,
thank you very much - this is progress.
I tried to change the text-color with just one command - and failed.
I pasted:
#page-footer div {
color: #FFFFFF;
}
#page-footer a {
color: #FFFFFF;
}
This seems to change the color of every text in the footer. But it is not elegant ...
Cheers
Michael
thank you very much - this is progress.
I tried to change the text-color with just one command - and failed.
I pasted:
#page-footer div {
color: #FFFFFF;
}
#page-footer a {
color: #FFFFFF;
}
This seems to change the color of every text in the footer. But it is not elegant ...
Cheers
Michael
Re: Fordson: change footer-textcolor and add icons
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
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.
