Some tips to modify stylesheet

1. Download Web Developer extension for FireFox here
2. Install & restart FireFox. You should see an additional bar right above the tabs.
3. Select Information > Display Element Information
4. Move your mouse/hover around the page and you should see the CSS tags for each page element is displayed just below the Web Developer bar. This allows you to see which class or ID control an element and what is the hierarchy. Once you get the ID, you can look for it in the CSS file and make the changes.
5. If you click on an element, its information is displayed in the yellow box on the left.

  • 2 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...

What is Zencart?

Zen Cart™ truly is the art of e-commerce; free, user-friendly, open source shopping cart...