Hello Lawrence

I have put a nice balloon background on my site, but when I go to checkout it generates an insecure item error with SSL. I have declared the background in the CSS:

background-image: url(http://www.themagicchest.co.uk/images/balloon_bg.jpg);

Is there anything I can do to stop getting the error popup?

Yours Bill

It's because you are accessing it with an absolute address i.e http://www.themagicchest.co.uk/... which is forcing it to use an http: element i.e. a non encrypted one. If you use relative addressing for all your images instead e.g. images/balloon_bg.jpg it will work whether the page is SSL or not.

__________________
Lawrence

Hi Lawrence

I managed to get rid of the SSL error message by tweaking the code in the CSS:

background-image: url(../images/balloon_bg.jpg);

However now when I go to checkout, the ballon background disapears.

Not sure how to get round this or maybe just use a colour background.

Yours Bill

You should put the background image in the images directory within the template and not in the main images directory.
Sorry, I should have pointed this out in my previous post.

If you want to address it in it's current location in the main images directory then you would use this.

background-image: url(../../../../images/balloon_bg.jpg);

But the template's own image directory is a far better place for it to reside.

__________________
Lawrence

Ye that's great

All seems to be working smoothly now

Yours BH