Default text is black in blue header - hard to read. Need help.

Re: Answer and question (Fed Up!!

by Martin Dougiamas -
Number of replies: 2
Picture of Core developers Picture of Documentation writers Picture of Moodle HQ Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers
Laurie, here is an example: http://courses.nmcnet.edu/

The main styles.php is standard ... I override styles using a second stylesheet by adding a new line to the header.html (this makes upgrades easier).  Here is that stylesheet:

   http://courses.nmcnet.edu/theme/nmcnet/extra.css

In there you will see quite a lot of "color: white" you need to add:

.headermain {
color: white;
font-size: x-large;
}

.headermenu {
color: white;
}

.headerhomemenu {
color: white;
}

.headermenu a:link {
text-decoration: underline;
color: white;
}

.headermenu a:visited {
text-decoration: underline;
color: white;
}

.headermenu a:hover {
text-decoration: underline;
color: blue;
}

.headerhomemenu a:link {
text-decoration: underline;
color: white;
}

.headerhomemenu a:visited {
text-decoration: underline;
color: white;
}

.headerhomemenu a:hover {
text-decoration: underline;
color: blue;
}

.headingblockcontent {
color: white;
}

.headingblockcontent a:link {
text-decoration: underline;
color: white;
}

.headingblockcontent a:visited {
text-decoration: underline;
color: white;
}

.headingblockcontent a:hover {
text-decoration: underline;
color: blue;
}

th {
color:white;
}

.headingblock {
color:white;
}

.generaltableheader {
color:white;
}

.sideblockheading {
color:white;
}

.outlineheadingblock {
color:white;
}
.cal_popup_bg {
color:white;
}

In reply to Martin Dougiamas

Re: Answer and question (Fed Up!!

by Laurie Stevens -

Martin,

I'm very grateful to have an answer to this problem and embarrassed that I need so much help with it. However, at the risk of sounding like a complete moron, I'll ask this so that I'm clear about what I need to do:

I open the theme's 'header.html' file and then grab whatever code applies from the style sheet sample you gave me and feed it into that header file, correct? However, I have the file open and it looks pretty muddled (see attached file).

Can you help me know where to place the code snippets from the style sheet sample you linked to. In other words, where -  within the header.html file - should I add the style code to allow for the various headers to have white text?

Thanks, once again,

Laurie

In reply to Laurie Stevens

Re: Answer and question (Fed Up!!

by Martin Dougiamas -
Picture of Core developers Picture of Documentation writers Picture of Moodle HQ Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers
No worries.  You can either:

a)  Take the styles I gave above and add them to the end of styles.php

OR

b)  Put the styles I gave you in a new file called extra.css within your theme directory, and add this line to your header.html (after the existing stylesheet line near the top):

<link rel="stylesheet" type="text/css" href="<?php echo "$CFG->wwwroot/theme/$CFG->theme/extra.css" ?>" />