CHange Sub Categories Color in centre column

I have been struggling to get this to work.
The link is
http://www.safeworkgear.com.au/catalog/index.php?main_page=index&cPath=38

I only want to change the color of the sub categories.
But everytime I change it it also changes other text colours which I don't want to change.

I have tried all sorts within the Stylesheet.css to no avail.

Your help would be appreciated.

Thanks

Stephen

You'll have to separate that class into its own rule in the stylesheet, placed after the others:

.categoryListBoxContents a {color: #FF0000;}

Steve
My issue is it keeps reverting back to for the colour. If I change this it also changes the colour in my header which I don't want.
Next to Home I have contact us (EZY pages) which need to be in Yellow.
The Colours of the Sub Categories need to be in Black as they are however these two easy pages you probably can't see.
If I change the colour below it will change both Ezy Pages headers (Which i want and also the Sub Categories)
I did the changes you said but I have not seen any changes.

a:link, #navEZPagesTOC ul li a {
color: #000000;
text-align: center;
text-decoration: none;

If you add the rule I mentioned to the bottom of your stylesheet, it will just change the subcategory names link color.

The problem with what you're doing here:

a:link, #navEZPagesTOC ul li a {
color: #000000;
text-align: center;
text-decoration: none;

is that the part in red tells the browser to change all links on the site to that color. If you just want to change the EZpage table of contents text color, you'll need to separate that into its own rule, but it doesn't sound like that's what you want to do.

To find out what you want to change and where it is in the stylesheet, install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

Some prefer Firebug, which does much the same thing.

(If you're using Firefox 4-8, you'll need to remap the editor shortcut, since Firefox has appropriated Ctrl-Shift-E for an internal function - I use Ctrl-Shift-Q.)

stevesh:

If you add the rule I mentioned to the bottom of your stylesheet, it will just change the subcategory names link color.

The problem with what you're doing here:

a:link, #navEZPagesTOC ul li a {
color: #000000;
text-align: center;
text-decoration: none;

is that the part in red tells the browser to change all links on the site to that color. If you just want to change the EZpage table of contents text color, you'll need to separate that into its own rule, but it doesn't sound like that's what you want to do.

To find out what you want to change and where it is in the stylesheet, install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

Some prefer Firebug, which does much the same thing.

(If you're using Firefox 4-8, you'll need to remap the editor shortcut, since Firefox has appropriated Ctrl-Shift-E for an internal function - I use Ctrl-Shift-Q.)
I have been using Firebug as I find it very useful.
I made the change you suggestion above in your first post however this made no change.
The Phrase I copied was direct from Firebug as the code it was refering to for the Sub Categories. This was after I entered your suggestion into the Stylesheet.
I removed this code
a:link, #navEZPagesTOC ul li a {
color: #000000;
text-align: center;
text-decoration: none;
however this left the Contact Us in blue. As shown at present. The colour for the Sub Categories is now correct as it is refering to the correct code.

When looking at the Contact Us in Firebug there is no way to show where the Blue is comming from (Default?)
Any SUggestions?

Got what you meant by the seperate line.
After taking out the code I put a new code line in that said
#navEZPagesTOC a {
Color: #000000;
etc

This then changed the colour in the header menu.

Thanks for your help.