How can I make breadcrumb trail font smaller

[vjboc]

How can I make breadcrumb trail font smaller. I did a search and it said stylesheet css. Then go to TD.headerNavigation and change size. I can't find that code anywhere in css. Does it have another name to change the size?

[medved]

You should have in your stylesheet.css TD.headerNavigation class, unless you use some kind of template. If you give me the address of your store i will be able to tell you. If you don't wont to post your address here (it will show in google search results) send me PM.

[germ]

Looking at the HTML source you'll see:

 

<div class="left_part"><a href="http://YOURSITE.com" class="headerNavigation">Home</a> » <a href="http://YOURSITE.com/store/lighting-c-14.html" class="headerNavigation">Lighting</a> » <a href="http://YOURSITE.com/store/ledstage-lighting-c-14_26.html" class="headerNavigation">LED/Stage Lighting</a> »  Chauvet COLORado 3 Indoor/Outdoor LED Wash Light</div><div class="right_part">Our Price: <span class="productSpecialPrice">$1,099.99</span></div>

Unfortunately the class headerNavigation doesn't exist in the stylesheet.css you you'll need to ADD it something like this:

 

A.headerNavigation { 
 font-size: 10px;
}

And if you want the font the same size across the entire header row you'll need to make the font size the same in these classes ALREADY IN the stylesheet:

 

.left_part {float:left; width:75%;font-size: 10px;}

.right_part {float:right;padding:0px 0px 0px 0px;font-size: 10px;}

SPAN.productSpecialPrice {color:#ffffff;font-size: 10px; line-height:15px;font-family: arial; font-weight:bold; display:inline;}

[vjboc]

Looking at the HTML source you'll see:

 

<div class="left_part"><a href="http://YOURSITE.com" class="headerNavigation">Home</a> » <a href="http://YOURSITE.com/store/lighting-c-14.html" class="headerNavigation">Lighting</a> » <a href="http://YOURSITE.com/store/ledstage-lighting-c-14_26.html" class="headerNavigation">LED/Stage Lighting</a> »  Chauvet COLORado 3 Indoor/Outdoor LED Wash Light</div><div class="right_part">Our Price: <span class="productSpecialPrice">$1,099.99</span></div>

Unfortunately the class headerNavigation doesn't exist in the stylesheet.css you you'll need to ADD it something like this:

 

A.headerNavigation { 
 font-size: 10px;
}

And if you want the font the same size across the entire header row you'll need to make the font size the same in these classes ALREADY IN the stylesheet:

 

 .left_part {float:left; width:75%;font-size: 10px;}

.right_part {float:right;padding:0px 0px 0px 0px;font-size: 10px;}

SPAN.productSpecialPrice {color:#ffffff;font-size: 10px; line-height:15px;font-family: arial; font-weight:bold; display:inline;}

 

 

I found the .left and .right and changed the sizes , the .right changed the "our price" the .left changed the product name, But "Home >> Audio processing >> stayed the same size. check it out: http://soundwavedirect.com/store/166xl-compressorlimitergate-p-316.html

 

 

Also where do I place: A.headerNavigation {

font-size: 10px;

 

Also:

.left_part {float:left; width:75%;font-size: 10px;}

 

.right_part {float:right;padding:0px 0px 0px 0px;font-size: 10px;}

 

are in a different spot than:

SPAN.productSpecialPrice {color:#ffffff;font-size: 10px; line-height:15px;font-family: arial; font-weight:bold; display:inline;

[germ]

Put the addition at the end.

 

It doesn't matter that part of the code isn't in the same place as the rest.

 

If you want the header to be all the same font size you'll have to change them.

[vjboc]

Put the addition at the end.

 

It doesn't matter that part of the code isn't in the same place as the rest.

 

If you want the header to be all the same font size you'll have to change them.

 

 

 

I changed the size of all 3 of those codes. One works the product name, the our price and the price

Example: http://soundwavedirect.com/store/sennheiser-ew300iemg3-wireless-monitor-system-p-171.html

Notice: the Home >> Personal Monitor Systems >> links are bigger. The other stuff I made smaller. How do I change the Home >> Personal Monitor Systems >> links to be smaller?

[germ]

For starters you could ADD the headerNavigation class to the stylesheet like I said.

 

It's not in there.

[vjboc]

For starters you could ADD the headerNavigation class to the stylesheet like I said.

 

It's not in there.

 

 

I tried adding it ,but it didn't work. What is the code and where in the style sheet should I place it?

 

Thanks for your time in advance.

Vinny

[medved]

I think it's the hover.

I would try this one

.header a:hover  {color:#ffffff; text-decoration:underline;}

[vjboc]

I think it's the hover.

I would try this one

.header a:hover  {color:#ffffff; text-decoration:underline;}

 

 

 

 

I thought for sure that was the one. But it didn't work.

Could it be cause I took catalog and manufacturer out of trail?

[vjboc]

I found it, It was .cont_heading_td

 

I thank you all for your time.

Vinny