X-Cart forums

[seaCOAST]

I'd like to add background gif buttons to my category listing.

Actually, I'd like to add it to all menus, but if I can get started with the categories, I might be able to figure it out.


Thanks.

[funkydunk]

Seacoast,

Best way to acheive this is through the skin1.css file.

The categories are controlled by the CategoriesList item. Set a backgroung gif in this as per the following:

.CategoriesList {
FONT: 11px Verdana, Arial, Helvetica, sans-serif;
background-image: url(images/background.gif);
background-repeat: no-repeat;
}

This will show one image in the background to the category item. Be careful that the image is small enough for the line height. If this is an issue set it as follows for a 20 pixel line height.

.CategoriesList {
FONT: 11px/20px Verdana, Arial, Helvetica, sans-serif;
background-image: url(images/background.gif);
background-repeat: no-repeat;
}

Hope this helps.

Funkydunk

[seaCOAST]

Thanks funky...I haven't had a chance to try it yet, maybe over the weekend.