Changing Header Color

[russellmcox]

I have implemented my own logo and header image. I now want to change the color of every header to one that is complimentary.

I have a sample color chart showing me the values I need to try and I know this is a stylesheet change, but I have no idea what the element is I need to change, and I don't know whether this is a single or multiple element change.

Any help would be appreciated.

[stevesh]

Do you mean the sidebox and center column headers? If so, search the stylesheet for tile_back.gif. That's the green image used in the 'classic' template. If you want to replace the image with another, those are the places you'll do it. If you just want a background color in those headers, remove the background-image line, and the headers will become light blue. Then change the background-color value to the color you want.

[gjh42]

For sideboxes, style
.leftBoxHeading, .rightBoxHeading {}

For centerboxes, style
.centerBoxHeading {}

If these don't work, post a link to see your site live - some templates change class names for no particular reason.

[russellmcox]

Is this done in following the template over-ride procedure?

[gjh42]

Yes, you should make any changes to /includes/templates/your_template/css/stylesheet.css.

The stylesheet is just about the one thing that every single custom template needs to have, so you will have one already.

[russellmcox]

I created/copied:
includes/templates/ramblinrose/css/stylesheet.css

I removed all instances of "tile_back.gif" (there were several).
I then changed the following:

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
margin: 0em;
background-color: #ff00cc;
padding: 0.5em 0.2em;
}

to the color "ff00cc" as you see above.

I do not see any change in box header color.

The site url is:
http://www.ramblinrose.net/zencart

Any help is appreciated...

[gjh42]

You have all these stylesheets in your /css/ folder:

/includes/templates/ramblinrose/css/stylesheet.css

/includes/templates/ramblinrose/css/stylesheet_20090723-0958.css

/includes/templates/ramblinrose/css/stylesheet_20090725-1426.css

/includes/templates/ramblinrose/css/stylesheet_20090726-0855.css

/includes/templates/ramblinrose/css/stylesheet_20090726-0858.css

and all of them are being applied in alphabetical order. If you remove something like background-image in one and leave it in another, it will still be in effect.

Do not save backup copies of stylesheets in this folder, or if you want to, rename them with something other than a .css extension, like .bak .

[russellmcox]

Ok... I moved those backup files to my hard drive and all worked as advertised.

I assumed that by renaming them with a date & time, they would not be recognized by the script.

Thank you for your help.
It is much appreciated.