very odd css problem

[Chadi]

I have this tag cloud on the right column of my home page.

http://www.talkjesus.com/

It has 5 font size levels.

The css is:

<style type="text/css">
a.tagcloudlink:link, a.tagcloudlink:visited { text-decoration:none; }
a.tagcloudlink:hover, a.tagcloudlink:active { text-decoration:underline; background-color: #4F57A0; color: white; }
a.level1 { font-size: 11px; color: #ff9900 }
a.level2 { font-size: medium; }
a.level3 { font-size: large; color: #ff9900 }
a.level4 { font-size: x-large; }
a.level5 { font-size: xx-large; }
</style>

Works just fine except the color portion on either 5 a:level#

For example, level 1 and 3 does not show #ff9900 color at all. I did a hard refresh and even proved something very weird is happening because I made level 1 32px in font size to quickly test it, font size blew up to 32px just fine on refresh.

So if someone can figure out why the color portion is not taking effect, would appreciate that help.

[agitated]

Hi there

There's a slight error..... ; to close the line

a.level1 { font-size: 11px; color: #ff9900 }
a.level1 { font-size: 11px; color: #ff9900; }

a.level3 { font-size: large; color: #ff9900 }
a.level3 { font-size: large; color: #ff9900; }

[Chadi]

This is still not working at all

<style type="text/css">
a.tagcloudlink:link, a.tagcloudlink:visited { text-decoration:none; }
a.tagcloudlink:hover, a.tagcloudlink:active { text-decoration:underline; background-color: #4F57A0; color: white; }
a.level1 { font-size: 11px; color: #ff9900; }
a.level2 { font-size: medium; }
a.level3 { font-size: large; }
a.level4 { font-size: x-large; color: #ff9900; }
a.level5 { font-size: xx-large; }
</style>

[Trasion]

a.tagcloudlink:link, a.tagcloudlink:visited { text-decoration:none; }
a.tagcloudlink:hover, a.tagcloudlink:active { text-decoration:underline; background-color: #4F57A0; color: white; }
a.level1 { font-size: 11px; color: #ff9900 !important;}
a.level2 { font-size: medium; }
a.level3 { font-size: large; }
a.level4 { font-size: x-large; color: #ff9900 !important;}
a.level5 { font-size: xx-large; }

[Chadi]

Still not working, hard refreshed and still not taking effect.

Strange

[Trasion]

If you want me to look into it, PM me with an administrators account. I can try to fix it for you. You must have done something wrong somewhere else.

[Chadi]

Thanks for your help but I don't hand out admin accounts just like that ;)

[Lynne]

I always do my colors this way:
.color1, a.color1:link, a.color1:visited { stuff }
That covers both a link and a visited link.

[Chadi]

Lynne, I love you :P

You rock, that fixed the problem

The missing :link portion :)

Thanks

[Lynne]

Glad it's now working how you want it to, Chadi. :)