css link colours

[Linda V]

I hope that someone can save me lots of time fiddling around – somehow I just cannot seem to make it work.
Please advise me on how to change the colour of <a href>

This is what I have done (and it’s not working)
Inserted into the css file:

.grey {
color: #C5CBBE;
}
.grey A:link {
color: #C5CBBE;
}
.grey A:visited {
color: #C5CBBE;
}
.grey A:active {
color: #C5CBBE;
}
.grey A:hover {
color: #EDF4B5;
}


And then altered the link as follows:

<a class="grey" href="/etc/etc/etc">etc</a>



Where am I going wrong?

Any help is much appreciated!
Thanks.

[Chuck S]

all you need to do is alter the tags HERE

A:link, A:visited, A:active, A:hover {
}
A:link {
color: #FFFFFF;
text-decoration: none;
}
A:visited {
color: #FFFFFF;
text-decoration: none;
}
A:active {
color: #FFFFFF;
text-decoration: none;
}
A:HOVER {
color: #F0E3F0;
background-color: ;
text-decoration: none;
}

[Linda V]

But now I want to be difficult, and work with two different link colours on my pages. (Actually I need three) - I have already altered the original css link colours for the first colour I need.

[Chuck S]

well then possibly you want to delete those css classes and create two separate classes and then edit all links to what you want

SOUNDS LIKE LOTS OF WORK

[Linda V]

That is why I eventually gave up trying this and that just to find out that it did not work - I am wasting much time fiddling around (not a fundi here, you may have noticed - lol)
The links that I need to change are not really that much - but it is in the changing that I have run into a problem.
After having updated the css file (as per my post #1) I then alter the link and find out that whatever I do, it does not want to update the colour. So I thought I must be doing something wrong....
(I am working in one of the custompal templates)

Is this correct?
<a class="grey" href="/gallery/showcat.php/cat/1">Kitchen</a>

[Chuck S]

What your doing wrong is what I am pointing out

a tags are already defined globally in the CSS

That global declaration is going to override anything you do

You can only do one of two things

Do as I defined above or you can try deleting the global a href css define and place a a tag define under each separate style class. This might help make less template and file edit work

That way say links in tddetails are this color and links in tdbackground are this color blah blah

[Linda V]

I have ended up doing two things:

1:
In pp-inc I inserted this line under "//default style settings"
$Style['grey'] = "grey";

With my sincere lack of knowledge, I ofcourse do not know if it made any difference

2:
then for my links I did this:

<span class="{$Style['grey']}">
<a href="/gallery/showcat.php/cat/1">Kitchen</a>
<a href="/gallery/showcat.php/cat/2">Cookware</a>
<a href="/gallery/showcat.php/cat/3">Dining and Bar</a>
<a href="/gallery/showcat.php/cat/4">General Household</a>
<a href="/gallery/showcat.php/cat/5">Decorative</a>
</span>

gosh - it took me forever to figure out - but it is working!!

Thanks Chuck for all your info - I am learning as I go along!

Appreciative,
Linda