What I am looking for is information on the CSS structure of Zen Cart. Meaning, what are all the various Selectors used in Zen Cart? Also, what do these Selectors affect? When a person makes a new template they design the CSS using these Selectors. I install a new template and I want to make changes to the CSS I need to know where to look and what to change. If I had a list of all the Selectors Zen Cart uses and what each Selector affects, I could then look in the stylesheet.css file and find the area I need to change and make my changes.
It sounds good but does such a thing exist? I have plenty of sites in my bookmarks that deal with CSS but they surely don’t tell me the information I need.
For instance: I wanted to center all the products listed in a particular category on my store. I was pointed to an area on the CSS called .productListing-data. Once I knew where to look I was able to change what I needed to change. I need a document that shows ALL of the Selectors used in Zen Cart and what they affect.
I hope this makes sense. Can anyone point me to this?
There is no document for this. The best way to find the selectors for an element is to use the Firefox Web Developer or Firebug tools.
Web Dev's Information > Display Element Information button will show the identity of any element you click on and all of its ancestors and children.
There are many selectors provided in the code which are not mentioned in the stylesheet. They are there to be used if someone needs some custom styling - just add them to the stylesheet as required.
Thank you for this information. I have used the Firefox Web Developer -> CSS -> View Style Information. But I wasn't aware of the feature you have pointed out. I tried it and it's very helpful, thank you!
Maybe one day somebody will make such a document I spoke of. Seems the designers of Zen Cart would have such a thing since they are the ones that developed it all. ??
Seems the designers of Zen Cart would have such a thing since they are the ones that developed it all. ??
Nope. We use the same tool -- it's much faster and more direct than trying to guess what to look up in some sort of document ... which could be rendered useless by anybody's customizations in an addon/template.