Two separate classes for hyperlinks

[DJBobble]

I need to have to separate sets of hyperlink colours. For the sideboxes I currently have the links in all states set to #18089c which is exactly as it should be. I need all other links outside of the sideboxes to be #808080 when active and #32435f at all other times.

After a lot of tinkering about and searching this forum I have not been able to get this work. How would I go about setting this?

Thanks in advance!

[Rowan]

It's quite simple.

You can target the side box links by doing something like this:

.leftBoxContainer a:link, .rightBoxContainer a:link {
  color: #18089c;
}
.leftBoxContainer a:visited, .rightBoxContainer a:visited {
  color: #18089c;
}
.leftBoxContainer a:hover, .rightBoxContainer a:hover {
  color: #18089c;
}

For the rest of the links you can just do the usual...

a:link, a:visited {
  color: #32435f;
}
a:hover {
  color: #808080;
}

etc...

I haven't tested this but I hope it helps.

[DJBobble]

Thanks for the reply. I'll give this a go tomorrow and let you know if it works (though it looks like it should). I was looking at the sideBoxContent class rather than the container class and this may be where I was going wrong...

[DJBobble]

Spot on! Many thanks, Rowan.