Nav bar/bread crumb question...

[gjh42]

Yes, those are the breadcrumbs, and I too see them in ff just fine. Don't know what your problem could be as you seem to be using ff too.

[johnga]

I see exactly what you are describing - if i click on a category, when I go to that page ie: home::freebies the word home has vanished into the header - the rollover makes it pop out. I am looking at your page in ff. I'm having the same issue. I settled for a selver color for now - it shows up on a white background like the categories box, and a dark background like the header, but I'm not happy with it. I'll be watching for someone's help too -
John

[gjh42]

Your link came up with all parts of the breadcrumbs visible; but when I navigated to a product I could see the problem.

Links which have been visited are appearing in the same color as your background. They do not do this until they have been explicitly visited. This narrows the field considerably - we need to find an "a:visited" class with color definition the same as your bg.
Checking....

[gjh42]

These are all the relevant instances of color settings in your stylesheets, in order:

body {
color: #916E9C;

a:link, #navBreadCrumb {
color: #d5b9e1;

a:visited, #navBreadCrumb {
color: #d5b9e1;

a:visited {
color: #916e9c;

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
color: #eee4cb;

a:hover, .category-top {
color: #d5b9e1

So breadcrumb links are not otherwise specified and use the basic link colors, ending up with visited being the same (#916E9C) as body color, which is appearing as the breadcrumb background.

You define a:visited twice, and only the last one sticks.
You also define a:hover twice, and it ends up the same color as a:link.

Change those definitions as you wish to get visible colors; just be aware of where else links might be used without more detailed specification, as they will change too.

[digidiva-kathy]

Okay, I'm not a total newbie, but I am learning as I go. I thought by adding the #navBreadCrumb behind it, I was specifying that I only wanted to affect those links. Is that not what I did? If not, can I do it? If that's what you're telling me in your post, I'm sorry, I'm feeling a little dense this morning :) .

Thanks for your help!

[Kim]

Your syntax is not quite right.

a:link, #navBreadCrumb a:link {
color: #d5b9e1;

a:visited, #navBreadCrumb a:visited {
color: #d5b9e1;



This is a good resource: http://www.w3schools.com/css/default.asp

[digidiva-kathy]

So, if I only want to change the colors in the Bread Crumb bar, it would be

#navBreadCrumb a:link {
color: #d5b9e1;

#navBreadCrumb a:visited {
color: #d5b9e1;

? Or is what you gave me the correct code for changing only that part?

Thanks so much!