When I try to edit my Zen Cart CSS using the Firefox Web Developer extension, my site goes funny

This is because Web Designer's Edit CSS function can't find your background images. Zen Cart's background images are referenced in your stylesheet using realtive addresses such as url(../images/header_bg.jpg). However Web Developer doesn't know about Zen Cart's structure and tries to apply this relative address relative to your site's root directory.

If you use Web Developer a lot, you may wish to consider working around this limitation by creating a directory called images at the same level as your site's root directory and putting a copy of your background images in there.

An alternate tool that is highly recommended is FireBug:
  • 0 Users Found This Useful
Was this answer helpful?

Related Articles

How can I find out what version of Zen Cart or PHP or MySQL I'm using?

To find out what version of Zen Cart or PHP or MySQL you are currently using, you can simply go...

Getting a BLANK PAGE? Here's the answer ...

If you're getting a blank page when trying to browse to a certain page on your store, or after...

What's New in the Upcoming v2.0 release?

Database Abstraction Layer and Sql CacheThe abstraction layer has been re-factored to include a...

Image Preparation - How-to

I've seen several posts where people obviously aren't quite sure about the best way to set up...

Some tips to modify stylesheet

1. Download Web Developer extension for FireFox here2. Install & restart FireFox. You should...