changing background color of breadcrumb bar

[Gap30]

Need some assistance on the following:

 

1. Change the background color (the preset blue grey) to another color in the breadcrumb bar, bar at the top of the catalog. I must be missing were the color codes are after looking in the stylesheet.

 

2. Used the info boxes to change interior of boxes but the descriptive part of the box, ie: manufactures title still shows blue gray. Would like to change to a color orther than Blue Grey.

 

Hopefully someone will recognize exactly what I'm trying to change. Posted a couple of times with this question but got no response. Read through tips and tricks. Thanks for all the help. Being somewhat of a newbie it takes a little longer to understand responses.

 

Thanks

Greg

[Mat9]

Need some assistance on the following:

 

1. Change the background color (the preset blue grey) to another color in the breadcrumb bar, bar at the top of the catalog. I must be missing were the color codes are after looking in the stylesheet.

 

2. Used the info boxes to change interior of boxes but the descriptive part of the box, ie: manufactures title still shows blue gray. Would like to change to a color orther than Blue Grey.

 

Hopefully someone will recognize exactly what I'm trying to change. Posted a couple of times with this question but got no response. Read through tips and tricks. Thanks for all the help. Being somewhat of a newbie it takes a little longer to understand responses.

 

Thanks

Greg

 

Look for this code in the

catalog/stylesheet.css

 

TD.headerNavigation {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

background: #9c98c9; CHANGE THIS LINE FOR BACKGROUND COLOUR

color: #000000; CHANGE THIS LINE FOR TEXT COLOUR

font-weight : bold;

}

 

Hope this helps!

[spax]

In stylesheet.css, edit these classes:

 

1, TD.headerNavigation

 

2, .infoBoxContents

 

 

 

A really easy way to find which class governs which particular colour/style.

 

Right click on your page and view source

Search in the source for something relevant. In this case, search for the word Top or Catalog.

Look to see which class is being called by the table row or cell. In this case TD.headerNavigation.

 

And Bob's your Mother's Brother! :thumbsup:

[Gap30]

Look for this code in the

catalog/stylesheet.css

 

TD.headerNavigation {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

background: #9c98c9; CHANGE THIS LINE FOR BACKGROUND COLOUR

color: #000000; CHANGE THIS LINE FOR TEXT COLOUR

font-weight : bold;

}

 

Hope this helps!

 

 

Thanks this did the trick for the beadcrumb bar. Know trying to get the back ground color changed on the boxes.

 

Thanks

Greg

[spax]

Thanks this did the trick for the beadcrumb bar. Know trying to get the back ground color changed on the boxes.

 

Thanks

Greg

 

 

Try reading!

 

In stylesheet.css, edit these classes:

 

1, TD.headerNavigation

 

2, .infoBoxContents

[Gap30]

Try reading!

 

Thanks the td.headernavigation got the beadcrumb bar. Already had changed infobox and infobox contents. Can't seem to find were to change the box title/header tried (td.infoboxheading, .infoboxnoticecontents, and infoboxnotice to no avail.

 

Thanks

Greg

[spax]

I apologise. I should try my own advice.

 

The background colour for the box headers is TD.infoBoxHeading. You will need to change the corner gifs as well, to have a complete change.