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;
}