This has been bothering me for a while and I just can't seem to put my finger on what's causing the problem. I'd really appreciate any insight people might be able to give me. Here's a link to the site in question:

Clan Steinhammer

At the top of the guild portal page in the GP nav/account/login bar there is a portion of it that says "Welcome, GPaccountname!", this keeps changing on me for some reason. When I first built the site it was a light grey/white like the normal content font color is set to be. Then one day it changed to black and I was not able to figure out what was causing it, but as I was still tinkering with the site I figured I'd find it eventually. Wrong! (Darnit Jim, I'm an artist not a coder!) Anyhow, the site's structure is finished and I havn't messed with the CSS code in months, and last week it changed back to the correct color for a day (be still my beating heart) and then changed back to black the next morning.

I've looked through and used the search feature, but I couldn't find anything that addressed this issue, even though I notice a few other guilds have a similar problem. Is this something that's a result of (and can be fixed by) CSS or is it something else?

Thanks in advanced for any help!

~Hollis

Have you played around with the Link Color in Styles and Colors, Page Styles?

I know it changes the colors of some in that bar, although I can't test without disbanding on my own site.

The css that I posted only changes text colors, not hyperlink colors.

It does work. I tested it on your website with webdev. Webdev allows me to edit css realtime so that I can see the result without making changes on the server.

The css code you placed in your style sheet is not the same as what I suggested.

You have:
.StateBar{
font-color:#D6D6D6
color:#D6D6D6
}

and it should be:

.StateBar{
color:#D6D6D6;
}

Yours does not work because it is written wrong.

semi-colon is not needed when there is only one property assigned to a selector. So what I wrote is correct syntax. I try to make it a habit of always using semi-colons anyway as not to risk leaving one off that is necessary. While the former displays fine in browsers, leaving the semi-colon off when there is only one property, is correct syntax.

Either way will display correctly:
.StateBar{
color:#D6D6D6;
}

**this one is correct
.StateBar{
color:#D6D6D6
}

When there is more than one property in a selector list, they do need to be separated with a semi-colon. (note that I added other properties just to demonstrate a point here at this forum, you shouldn't need to use that for your website)

Either of these will display correctly:

.StateBar{
color:#D6D6D6;
background:#fff;
text-align:center;
font-family:verdana, tahoma;
}

**this one is correct
.StateBar{
color:#D6D6D6;
background:#fff;
text-align:center;
font-family:verdana, tahoma
}

Notice I changed the property from font-color to color because font-color is not in the list of font properties at w3schools, it is actually a text property. You can read more about syntax at w3schools .