Nav bar/bread crumb question...

[digidiva-kathy]

I can't seem to get the first word in the bread crumb navigation to be the color I want it to be. I added this to the stylesheet and successfully changed the second (the default is the same color as the background, so I had to add this to change it), but the first one, though it shows the exact same thing when I look at it with the css viewer, will not show up in this color. Any suggestions?

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

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

Here's the link:

http://www.sweetdigicreations.com/sh...roducts_id=215

Any help is appreciated! Thanks!

[Kim]

Looks like they are all lavender to me in FF and IE. Have your cleared your browser cache?

[kobra]

Did you get this corrected?? I looked at your site just now and all BC's are the same color...is that not what you wanted?

[digidiva-kathy]

Maybe I'm not using the proper terminology? What I'm looking at is when you're looking at a product, the second bar, the one that shows Home::Category Name::Item Name. I can't see anything but the last word now. Can you?

[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