New headerbg.gif image not displaying

[CJ Internet Sales]

I am using the Arch Shoppe template and cannot get a new headerbg.gif to display.

I have created a new headerbg.gif that is 720 X 110 pixels. I renamed the original file and then uploaded this new image to templates/arch_shoppe/images directory.

I then confirmed the following in the css:

#logoWrapper{
background-image:url(../images/headerbg.gif);
background-repeat:no-repeat;
background-color:#D6E0DD;
width:720px;
height:110px;
margin:0em;
padding:0em;
}

This css file is located in templates/arch_shoppe/css directory.

In Admin, I have selected the arch_shoppe template and this is what is displaying on the store. However, the image is not displaying anywhere on the page.

What else must be set in order for the image to display?

[TripleMoons]

What's the link please?

[CJ Internet Sales]

The site is cjpicnicbaskets.com

[afo]

Please double check where the images are. Firefox is showing the following as missing:

includes/templates/arch_shoppe/images/tile_back.jpg
includes/templates/arch_shoppe/images/headerbg.gif
includes/templates/arch_shoppe/images/

I don't know what it's looking for on that last one. There's no image name.

[CJ Internet Sales]

Thanks for your pointers. I was able to copy the tile_back.jpg image to the templates/arch_shoppe/images directory. That seemed to do the trick.

What I am noticing now is that gif images do not display well. I have a jpg image that is 102KB that I would like to use. I have tried it on IE7 and it displays well. http://cjpicnicbaskets.com/includes/...der_meadow.jpg

I have the following code in my css:

#logoWrapper{
background-image:url(../images/header_meadow.jpg);
background-repeat:no-repeat;
/*background-color: #D6E0DD;*/
width:800px;
height:120px;
margin:0em;
padding:0em;
}

However, the jpg image does not display in the header. The previous headerbg.gif continues to display. I can even copy a new headerbg.gif image and see it change.

I have confirmed that the css in templates/arch_shoppe/css does have the code above.


Is there a hesitation between uploading a new css and it taking effect?


Is there a size limitation that is preventing my 102KB jpg image from displaying?

[afo]

Either delete stylesheet_old.css from your site or rename it with something other than .css as the extension (like stylesheet_old_css.txt). It's interfering with the changes you're making in your stylesheet. The settings in the last stylesheet loaded will always overrule any previous formatting.