How to change the color of text in block headings

How to change the color of text in block headings

by John McMurray -
Number of replies: 8
I have created a variation on standard white and have made the block headers all Navy. Trouble is I can't find out where to change the color of the block header text from black/grey to white. Can anyone help?
Average of ratings: -
In reply to John McMurray

Re: How to change the color of text in block headings

by Tony Hursh -
Hi, John. I think the class you want is sideblockheading in styles.php

The best way to figure something like this out is to view the source, then search for a string that you know is of the style you want.

In this case, it looks like the background is provided by the image named gradient.jpg. You may want to add a color directive to the CSS style, so the relevant code looks like this:

.sideblockheading {
color: #FFFFFF;
background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg);
}
In reply to Tony Hursh

Re: How to change the color of text in block headings

by John McMurray -

Hi Tony,

Yes I modified Gradient to change the background.

I just looked at styles.php and sideblockheading has no settings to change the text color.

You are up late aren't you?

In reply to John McMurray

Re: How to change the color of text in block headings

by Tony Hursh -
Hi, John. I edited the post and added some more info.

It's about midnight here, which isn't really late for me. smile
In reply to Tony Hursh

Re: How to change the color of text in block headings

by John McMurray -

Thanks Tony,

My site is: http://gcitonline.qld.edu.au/moodle/

The one I am trying to emulate is: http://campus.openpolytechnic.ac.nz/moodle/

That last change sort of worked (I have white text) but how can I now change the font/boldness? so it looks like the other site's headers?

In reply to John McMurray

Re: How to change the color of text in block headings

by Tony Hursh -
Try this:

.sideblockheading {
font-weight: bold;
font-size: 11px;
color: #FFFFFF;
font-family: verdana, arial, helvetica, sans-serif;
background-color: #000066;
font-variant: normal
}
In reply to Tony Hursh

Re: How to change the color of text in block headings

by John McMurray -

i AM GETTING SOMEWHERE NOW - Slowly but surely!

Many thanks for your assistance

John

In reply to John McMurray

Re: How to change the color of text in block headings

by Tony Hursh -
You're welcome. Just remember: view source is your friend. smile
In reply to Tony Hursh

Re: How to change the color of text in block headings

by Chardelle Busch -
Picture of Core developers

Hi John,

I just took a look at your site and the text on the login page is now white also, and thus invisibile--oops a little too much white.  Did you put the font color in the th section or maybe generalboxcontent?

To have white block headings you need to put (it looks like you want the font bold also):

font-weight: bold; color: #FFFFFF;

in three places-- headingblock is the middle top heading on the front page;

sideblockheading--the block headings

outlineheadingblock is the middle, top heading on a course homepage

Also, for these block headings, if you are not using a gradient, or special color, you might go ahead and completely delete the background image line (if you haven't already) and instead use the code like Tony mentioned:

background-color: #yournavyblue;

I noticed your site loads a little slowly, and this just gets rid of having to try to load background images into the headingssmile.