Forums / General Questions / CSS Info for Zen Cart?

CSS Info for Zen Cart?

Locked
Results 1 to 5 of 5
This thread is locked. New replies are disabled.
16 Mar 2008, 22:27
#1
fatguyinaz avatar

fatguyinaz

Zen Follower

Join Date:
Oct 2007
Posts:
313
Plugin Contributions:
0

CSS Info for Zen Cart?

Hello,

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?

Thank you
16 Mar 2008, 22:34
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Posts:
21,876
Plugin Contributions:
6

Re: CSS Info for Zen Cart?

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.
17 Mar 2008, 14:14
#3
fatguyinaz avatar

fatguyinaz

Zen Follower

Join Date:
Oct 2007
Posts:
313
Plugin Contributions:
0

Re: CSS Info for Zen Cart?

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. ??

Thanks again
17 Mar 2008, 14:20
#4
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,506
Plugin Contributions:
173

Re: CSS Info for Zen Cart?

FatGuyinAZ:

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.
17 Mar 2008, 14:22
#5
fatguyinaz avatar

fatguyinaz

Zen Follower

Join Date:
Oct 2007
Posts:
313
Plugin Contributions:
0

Re: CSS Info for Zen Cart?

Okay sounds good. I will put this one to bed then.

Thank you both