How can I make my menu so the link to the page you are on is a different color?

[jamesdavid]

How can I make my menu so the link to the page you are on is a different color. Its been done for this site here;
http://www.inksale.com/index.php?mai...index&cPath=32

The CSS for this site is;
span.navbar-subs-selected {
color:#00FFFF;
}
I cant figure out how to modify this for my site.

My menu has the normal ‘Home’ and ‘Log In’ links, as well as my Categories, and one EZ-Page.

My site is not online yet so I cant post a link. While I figure out how to do this ive installed the default site with all the original settings.

thanks
james

[stevesh]

If you mean the links turning pink when you put your mouse over them,

a:hover { color: #ff59ff; text-decoration: none; }

[jamesdavid]

Thanks for you reply but what I mean is after you click the link, and move your mouse curser away from the link, I then want it to be bold or a different color so you know what page you are on.

On the site I gave a link for this is done with a turquoise blue.

[stevesh]

Sorry, I didn't see the links in the header.

a:active { color: #295869; text-decoration: none; }

This won't work with your categories list - they go bold when active.

[jamesdavid]

I added;

a:active { color: #295869; text-decoration: none; }

to my css but nothing happens.

[stevesh]

I guess we'll need to see your site.

[jamesdavid]

Its on my local computer so I cant give you a link.

So i can figure out how to do this Im using the default site, with the dummy catalogue you can install.

Can you help me without seeing my site as Im using the default site with all default settings?

[stevesh]

If you find the a:active line in includes/templates/classic/stylesheet.css and change the color to what you want (it's #0000FF now) it should work. You may have to activate the categories links in the header.

[jamesdavid]

When I change the a:active properties this affects the colour of the link while it is pressed down.

This is however not what im trying to edit. I want the link to change when you are on the page it links to.

On this pagel;
http://www.inksale.com/index.php?mai...index&cPath=21
You are on 'Inkjet Cartridges', to the 'Inkjet Cartridges' link is a light blue colour.

The CSS controlling this is appears to be;
span.navbar-subs-selected

Copying and pasting this into my CSS does not make it work however.

[littletoycompany]

When I change the a:active properties this affects the colour of the link while it is pressed down.

This is however not what im trying to edit. I want the link to change when you are on the page it links to.

On this pagel;
http://www.inksale.com/index.php?mai...index&cPath=21
You are on 'Inkjet Cartridges', to the 'Inkjet Cartridges' link is a light blue colour.

The CSS controlling this is appears to be;
span.navbar-subs-selected

Copying and pasting this into my CSS does not make it work however.

Hey there!

Did you ever find the answer to this as I too would like the link color for the page you are on to be distinctive

I have the active link coded as follows but it doesn't work

a:active {
color: #9977B3
}

Thanks!!!
Janice