X-Cart forums

[bullfrog]

I have added background images to X-Cart templates in the past, but in the Light Responsive template I have not figured it out. I spent too much time on this, but I'm trying to make the updated site look similar to the old.

All advice is appreciated.

I have and use Firebug and Web Developer for Firefox. I've tried inserting the following into altskin.css

}
body {
  background-image: url(../images/custom/retr-bg.gif);
}

altskin.css is in skin/light_responsive/css and the image is in skin/light_responsive/images/custom. I also tried using an absolute link, http://...

I also tried a similar insertion into skin/common_files/css/main.css.

If you have done this please let me know how it's done.

[cherie]

That sounds correct. Make sure you:

• You place the new css late in the altskin.css file after any other body background settings (or at the end of the size breakpoint you are working with)
• Clear cache or turn off/on speed-up settings for css so it picks up your css changes

[bullfrog]

Thanks for the advice.

I use PSPad for editing and searched for conflicting body tags but found none. I inserted the body background line at the end and it made no difference. I did find one misplaced curly bracket, but that change seemed to make no difference. I have minify turned off whenever I'm doing style edits.

I am prone to making syntax errors, so it is still possible that I did something bad somewhere, but have not found it yet.

I wanted to try this new template, but am now wasting time. It was competing with a purchased template, which I will now work with.

Thanks again.