i have an unordered list of links on a page, and i would very much like the links to change to a different color after they have been visited.

i went into CSS files 'content.css' and edited it to read:

a:visited {color:#00FF00;}

however, it still doesn't work. is there anything else i should look for?

thanks!!

Most likely, there is other CSS that applys to a link in an unordered list which overrides the 'general' CSS you changed. Try installing The FireBug extension in firefox and examine the link to see what CSS is being applied, then you'll be able to figure out what needsto be changed.

When asking for help, provide your URL

thanks for replying!

the URL is http://www.electricant.net/ekg/cases/

i installed firebug, but in my inexperience am not able to interpret its data so as to know where to find the rogue CSS.

now that i changed the visited color to a dark blue, it *does* show that in some links, but not the list as you say.

any advice?

maybe this picture will help

i appreciate you trying to teach me to fish, but im still perplexed. i had actually already put firebug on the case, but dont really understand what it means when it points me to style.css.

i see the style.css file, and its 'DO NOT EDIT' note in montezuma content. i tried editing content.css where i found the right kind of tags, but that did not work.

can you help me interpret the firebug data? i dont see a reference to a 'visited' link color, just a hover color which is fine as-is.

if you look in the theme options, you will see a CSS section with different css files. these get saved together to make up the style.css file. this is where you should make changes to the css.

since the css doesn't skop the visited psuedo code, it looks like you will have to add it.

well, i found the visited link css code in the content.css file (as i mentioned in the first post) and edited it, but it still doesn't work. how would i know where else to add this?

(if it is helpful, here is the content.css text from below the "links" section)

a {
color: #0090d3;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a:active { }

a:visited { color: #015fd1;
}

try this

.post-bodycopy a:visited {
    color: #bb2222 !important;
}

that worked! many thanks!!