Change colour depending on catogory selected

Hey all!

I got a idea for my site but i wanna know if it is possible at all.

The idea is that the user is on ones section and its one colour and then when they go onto another section the page and sidebox colours all change?

I've tried a few things to no avail so any help would be greatly recieved.

Check out my store at the bottom to!

I'm not sure this will help, but I know you can change the layout with different product types, but there's not a category type that I know of.

I've been working on this tow, but simply trying to change the header photo instead of the colors.

This can be done using different stylesheets.

Check the readme_css_system.html file in your docs folder. That should sort you out! :)

thanks for the response but im still having trouble, and thats not just with my broken arm!

The pages i want to change have been automatically generated by zen cart when i created the different catogories. If you have a look at my sight, i want most of the pages as they are now but to have to girls page as pink would be great!

thanks again

That would be simple create a style sheet named c_2.css (c is for category and the 2 is the the category ID). Only put the the statements in that stylesheet you want to change from the default you have in the main stylesheet. This stylesheet will only load when you are in category 2. This can be taken out further to include sub cats by adding the sub cat id # (c_2_10.css)......have fun

guys thanks for all the help - it was perfect - check my site out mow and tell me what you think any comments are always helpful! :laugh:

As the main stylesheet is loaded first it is redundant to reload all of the statements for the c_2.css So the minimum that should be in c_2.css would be the following:```
/**

• Main CSS Stylesheet
• @package templateSystem
• @copyright Copyright 2003-2006 Zen Cart Development Team
• @copyright Portions Copyright 2003 osCommerce
• @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
• @version $Id: stylesheet.css 4813 2006-10-23 02:13:53Z drbyte $
  */

body {
background-color: #FF00FF;/Side boarder colour/
}

input:focus, select:focus, textarea:focus {
background: #FF00FF;
}

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
background-image: url(../images/tile_backpinktop.gif);/this is the title bar colour/
}

#navCatTabsWrapper { /this is the link bar under the title bar/
background-color: #ffffff;
color: #000000;
background-image: url(../images/tile_backpinkbottom.gif);
}

#navEZPagesTop {
background-image: url(../images/tile_backpinktop.gif);
}

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
background-image: url(../images/tile_backpinktop.gif);
}

.productListing-rowheading {
background-image: url(../images/tile_backpinktop.gif);
}