Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Changing font colour in breadcrumb bar?

Changing font colour in breadcrumb bar?

Locked

Views: 4,351

Results 1 to 12 of 12
This thread is locked. New replies are disabled.
9 Aug 2008, 6:38 PM
#1
darkmoonfire avatar

darkmoonfire

New Zenner

Join Date:
Aug 2008
Posts:
5
Plugin Contributions:
0

Changing font colour in breadcrumb bar?

Hello
I'm having a problem figuring out how to change the font colour in the breadcrumb bar. I found the bit to change the link part, but not the current page part. I want the whole line of text to be in white.

Like in this page:
http://www.organicsoapstore.co.uk/store/index.php?main_page=privacy
where it says " Home :: Privacy Notice " the Home (which is a link) is white, but the rest is still black.

I really want the bar colour to be the same dark purple as all the other bars (I just changed it to a paler colour for now, so I can see the text).

Can anyone please direct me to where I need to change the font colour for the current page name (and what I need to add/change)?

Thanks in advance
Sarah

PS, I'm really new at this :wacko:

9 Aug 2008, 6:53 PM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Changing font colour in breadcrumb bar?

In your stylesheet:

#navBreadCrumb {
background-color: #AAAAFF;
color:#ffffff;
}

Add the red part.

9 Aug 2008, 6:55 PM
#3
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Changing font colour in breadcrumb bar?

Home is a link and privacy is the current page and not a link - So add to the breadcrumb tag color as in:

#navBreadCrumb {
        color: #ffffff;
	background-color: #AAAAFF;
	}

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

stevesh is quicker on the draw!!

9 Aug 2008, 7:07 PM
#4
darkmoonfire avatar

darkmoonfire

New Zenner

Join Date:
Aug 2008
Posts:
5
Plugin Contributions:
0

Re: Changing font colour in breadcrumb bar?

Ah, thanks guys :clap: Worked a treat.

Sarah

11 Nov 2009, 4:00 PM
#5
monsterness avatar

monsterness

New Zenner

Join Date:
Oct 2009
Location:
Dutch,
Posts:
25
Plugin Contributions:
0

Re: Changing font colour in breadcrumb bar?

This doesn't seem to work for me o.o

Using newest version zencart.
Links stay black after putting the code in css. Odd

11 Nov 2009, 5:05 PM
#6
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Changing font colour in breadcrumb bar?

Where in your stylesheet did you add the rules? If an existing rule that applies to the same element comes after your new rule, it may override the new.

A common practice for added rules is to put them at the end of the stylesheet. You can also put them immediately after similar rules that apply to the same part of your site.

12 Nov 2009, 8:26 AM
#7
monsterness avatar

monsterness

New Zenner

Join Date:
Oct 2009
Location:
Dutch,
Posts:
25
Plugin Contributions:
0

Re: Changing font colour in breadcrumb bar?

I've put them after this

#navBreadCrumb {
padding: 0.8em 0.8em;
background-color: #ffffff;
background-image: url(../images/Bandeau.jpg);
font-size: 1.2em;
font-weight: bold;
color: #ffffff;
margin: 1.5em;
}

This is what I added:

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

Problem is: the breadcrumb links are black I want them white, I just want all text in breadcrumb white cause of reading problems

12 Nov 2009, 3:09 PM
#8
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Changing font colour in breadcrumb bar?

There's nothing inherently wrong with that, but we will need to se your site live to diagnose this best.

13 Nov 2009, 9:42 AM
#9
monsterness avatar

monsterness

New Zenner

Join Date:
Oct 2009
Location:
Dutch,
Posts:
25
Plugin Contributions:
0

Re: Changing font colour in breadcrumb bar?

hm oke,

Here.

Note that: The languages aren't set right so it's all in dutch but I'm sure you'll manage^^
There's only one product if you go there you can see in the breadcrumb:

The product is white
The :: are white
But the categorie names are all black, I want to turn them white,
Thanks alot.

13 Nov 2009, 10:31 AM
#10
monsterness avatar

monsterness

New Zenner

Join Date:
Oct 2009
Location:
Dutch,
Posts:
25
Plugin Contributions:
0

Re: Changing font colour in breadcrumb bar?

Problem solved should have tried it ages ago.
Added:

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

14 Nov 2009, 12:45 AM
#11
timmyneal avatar

timmyneal

New Zenner

Join Date:
Sep 2009
Location:
Kill Devil Hills, NC
Posts:
20
Plugin Contributions:
0

Re: Changing font colour in breadcrumb bar?

Hey guys,

I spent the last hour trying to get this to work for me but no joy :blink:. Can you help me out again. I just want to change the text to a lighter color so that its easier to read. Thanks in advance.

I'm using 1.3.8a
Mods: About Us
My site

14 Nov 2009, 4:51 AM
#12
timmyneal avatar

timmyneal

New Zenner

Join Date:
Sep 2009
Location:
Kill Devil Hills, NC
Posts:
20
Plugin Contributions:
0

Re: Changing font colour in breadcrumb bar?

Nevermind...found it.