Customize Individual Tab Colors

Each tab is automatically assigned a class ID which is in the format aom_tab_[YourCategoryID] (e.g. aom_tab_ebooks).
To customize a tab you would use your Category ID in place of the example ebooks ID used in the example below.
Then change the color (e.g. #FFFFFF) and background-color (e.g. #5A7BAD) to the colors you would like to use.

/* rounded tab style */
.aom_t1 .aom_tab_ebooks_on {color:#FFFFFF; background-color:#5A7BAD;}
.aom_t1 A:hover .aom_tab_ebooks {color:#FFFFFF; background-color:#5A7BAD;}
.aom_sb_ebooks {background-color:#5A7BAD;}
A.aom_sbt_ebooks:link {color:#FFFFFF;}

/* square tab style */
.aom_t2 A.aom_tab_ebooks_on:link, .aom_t2 A.aom_tab_ebooks_on:visited {color:#FFFFFF; background-color:#5A7BAD;}
A.aom_tab_ebooks:hover, A.aom_tab_ebooks:active {color:#FFFFFF; background-color:#5A7BAD;}
.aom_sb_ebooks {background-color:#5A7BAD;}
A.aom_sbt_ebooks:link {color:#FFFFFF;}


Customize Box Headings

To customize the header section of any Box such as adding a background image, etc, you would create rules associated with the Box name.

The Boxes available are:

SubcategoryBox
RelatedCategoryBox
NarrowByBrandBox
NarrowByPriceBox
NewReleaseBox
BestsellerBox
Information Box
CustomBox[index] (see instructions below)


So let's say you wanted to add a background image to the Category Box that repeats. You could add the following CSS entry to the cfg.css.php file (editing the url value to the actual url):

.CategoryBox {
background-image:url("http://url/to/picture.gif");
background-repeat: repeat;
background-color: #FFFFFF;
}


To customize any Custom Boxes you would reference "CustomBox[index here]". So if you create 4 Custom Boxes, the order they appear in the Control Panel is the order they get assigned index numbers. The first box would be referenced with CustomBox1, the
second box with CustomBox2 and so on.

.CustomBox1 {
background-image:url("http://url/to/picture.gif");
background-repeat: repeat;
background-color: #FFFFFF;
}