CSS changes don't appear?

[Proenski]

Hi there,

I would like to change the font colour of the "quoteheader, codeheader" from black to white but when I change the CSS the changes made can't be seen. It seems that the settings get overruled with the definition of the navigation link settings.

Does anybody know how to tackle this?

Thanks!

[kegobeer]

Post a link to your site so we can see what you are doing.

[Captain_Morrigan]

Try CTRL+F5 at the same time. It forces the downloaded CSS to re-download and display properly, at least it should.

[Proenski]

Post a link to your site so we can see what you are doing.

Sorry this is it:

http://www.depechemodeforum.com/smf/

[Proenski]

Try CTRL+F5 at the same time. It forces the downloaded CSS to re-download and display properly, at least it should.

Yeah I know about this trick but that's not it. The changes I made to the CSS are being overruled. I tried using a SPAN CLASS but that doesn't work either...

[Captain_Morrigan]

Make a new class like this:

Code Select Expand


.nav
{
color : #FFFFFF;
font-size : FONT SIZE;
text-align : left;
font-family: WHATEVER your FONT FAMILY IS;
text-decoration : underline;
}

.nav:hover
{
color : HOVER COLOR;
}


Then where those links are edit the code just a smidge and add

Code Select Expand

<a href=Link class=nav>Text</a>

to those links and that should fix it for you.

[Proenski]

Thanks but unfortunately I've tried that too and it doesn't work. Still the "original" A link settings overrule this.

This is in my CSS:

Code Select Expand

.menu, menu a:link, menu a:visited
{
font-weight: bold;
background-color: #005e9d;
color: #b0cde1 !important;
text-decoration: none;
}

.menu a:hover
{
color: #CCCCFF;
text-decoration: none;
}

The result can be seen here:

http://www.depechemodeforum.com/smf/index.php

[Captain_Morrigan]

It's because the original coding for the links is wrong. You need to do this to that coding you have:

Code Select Expand


.menu, menu:visited
{
font-weight: bold;
background-color: #005e9d;
color: #b0cde1 !important;
text-decoration: none;
}

.menu:hover
{
color: #CCCCFF;
text-decoration: none;
}

[Proenski]

Thanks, it's working with this code now:

Code Select Expand

.menu
{
font-weight: bold;
color: #b0cde1! important;
background-color: #005e9d;
text-decoration: none;
font-size: 9pt;
}

.menu a:link, .menu a:visited, .menu a:hover
{
color: #B0CDE1;
text-decoration: none;
}

.menu a:hover{
text-decoration: underline;
}

[Captain_Morrigan]

I don't see any change to it at all. I went to your site again and it's still all black.

This does not work:

Code Select Expand

.menu
{
font-weight: bold;
color: #b0cde1! important;
background-color: #005e9d;
text-decoration: none;
font-size: 9pt;
}

.menu a:link, .menu a:visited, .menu a:hover
{
color: #B0CDE1;
text-decoration: none;
}

.menu a:hover{
text-decoration: underline;
}

try this instead:

Code Select Expand

.menu
{
font-weight: bold;
color: #b0cde1! important;
background-color: #005e9d;
text-decoration: none;
font-size: 9pt;
}

.menu:link, .menu:visited
{
color: #B0CDE1;
text-decoration: none;
}

.menu:hover{
color: #B0CDE1;
text-decoration: underline;
}

[Proenski]

I don't see any change to it at all. I went to your site again and it's still all black.

This does not work:

Trust me it does, perhaps a browser cash issue? Try a refresh 

[Captain_Morrigan]

No it's not a browser cache issue because I had cleared my cache and cookies six times before I came back to this thread after last I viewed your site and cleared it again while at your site.

The links are still black.

[Proenski]

No it's not a browser cache issue because I had cleared my cache and cookies six times before I came back to this thread after last I viewed your site and cleared it again while at your site.

The links are still black.

I wonder then what browser you are using? I'm using Explorer 6.0 and all is fine.

[Captain_Morrigan]

I am using the same browser.