How to change the Breadcrumb navigation link color?

[wotnow]

Hi have been trying to change the css properties for the link color in the breadcrumb navigation.

The view style information in the web developers toolbar says that is the following code:

#navCatTabs li .category-top .category-subs-selected{}

I have tried putting in a: styles .. like so
#navCatTabs li .category-top .category-subs-selected a:link{ color: #000;}
#navCatTabs li .category-top .category-subs-selected a:visited{ color: #ed626c;}
#navCatTabs li .category-top .category-subs-selected a:hover{ color: #575757;}
#navCatTabs li .category-top .category-subs-selected a:active{ color: #575757;}

but it changes nothing .. The css line above this

#navCatTabs li .category-top:hover{ color: #575757; } does alter the hover state but I have tried copying this line too and adding in the link style but no luck there either.

Appreciate any help.

[afo]

If you're trying to change the color in the breadcrumbs, you're barking up the wrong tree with #navCatTabs.

Try adding this to your stylesheet instead.

#navBreadCrumb a:link {
	color: #000000;
	text-decoration: none;
	}

#navBreadCrumb a:visited {
	color: #ed626c;
	text-decoration: none;
	}

#navBreadCrumb a:hover {
	color: #575757;
	text-decoration: none;
	}

[wotnow]

Hi sorry didnt make myself clear .. i am trying to change the navCatTabs .. where it says Czech Glass Seed Beads in grey .. this is a navigation of your categories yes? I am trying to change the color from grey to black. Thanks

[afo]

A link to your website would be helpful.

[stevesh]

#navCatTabs li a:link{ color: #000;

[wotnow]

Hi thanks for your suggestions but I already have that and it is not working .. so strange

#navCatTabs li a:link{ color: #000; }
#navCatTabs li a:visited{ color: #ccc; }
#navCatTabs li a:hover{ color: #02b4ce; }
#navCatTabs li a:active{ color: #02b4ce; }
#navCatTabs li{ display: inline; }

something wrong with my code? Thanks

site is http://www.broomebeads.com.au/

[afo]

I looked at your site using Firefox with the web developer addon.

Currently, your stylesheet says

#navCatTabs li a:link{ color: #fff; }
#navCatTabs li a:visited{ color: #ccc; }
#navCatTabs li a:hover{ color: #02b4ce; }
#navCatTabs li a:active{ color: #02b4ce; }
#navCatTabs li{ display: inline; }

which is displaying "Czech Glass Seed Beads" in white. If I put my cursor on it, the text turns grey which is exactly what I'd expect given the colors listed.

If you want the text in black, you have to change the #fff to #000. I tried it and it works. How are you changing the stylesheet? Is it possible the permissions are preventing the file from being overwritten?

[wotnow]

Hi thanks so much for your trouble, i think it may have been the permissions ... i would never have checked that .. so thanks again .. you have saved me hours