Sub Category Background

Hi,

On my sub category pages i have a background behind the category icons, as shown here: http://www.pestcontrolonline.com/~pestcont/index.php?main_page=index&cPath=1

The problem is, i have downloaded the site and want to install it on a test server, but when i do that the images are no longer visible. I have check ed the css style sheet and the URL was pointing to my website so i have changed the address to http://127.0.0.1/pest/images/cat_back.png.

But i am wondering if the link is now embeded in a page rather than using the one on a style sheet. I had thei work done for me and so really not sure the structure, is there a page which deals with the category icons. Any help would be appreciated.

Thanks

You have an absolute URL in your stylesheet instead of the proper relative URL:

.categoryListBoxContents{
background-image: url(//79.170.43.200/pestcontrolonline.com/images/cat_back.png);
background-repeat: no-repeat;
font-size: 1.5em;
color: blue;
height: 150px;
width: 150px;
padding: 2.5em 0.5em 0.5em 0.5em;
text-align: center ;
background-position: center ;
}

Should be

background-image: url(../images/cat_back.png);
if your bg image is in the /includes/templates/your_template/images/ folder as template images should be, or

background-image: url(images/cat_back.png);
if your image is in the base /images/ folder as you have it (this is intended for product images).

Ok, this is now sorted, it was down to a backed up stylesheet lurchking in the css folder

As you have found, any file that starts with "style" and has a .css extension will be loaded. If you need to keep a backup, save it somewhere else, or give it a .bak extension.

Thanks, i thought renaming it would be good enough but obviously not, thanks for your help.

Lee