Results 1 to 5 of 5
  1. #1
    Join Date
    Oct 2007
    Location
    Safford, AZ
    Posts
    323
    Plugin Contributions
    0

    Default 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
    Steve
    Zen cart version: 1.3.9h

  2. #2
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

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

  3. #3
    Join Date
    Oct 2007
    Location
    Safford, AZ
    Posts
    323
    Plugin Contributions
    0

    Default 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
    Steve
    Zen cart version: 1.3.9h

  4. #4
    Join Date
    Jan 2004
    Posts
    66,446
    Plugin Contributions
    81

    Default Re: CSS Info for Zen Cart?

    Quote Originally Posted by FatGuyinAZ View Post
    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.
    .

    Zen Cart - putting the dream of business ownership within reach of anyone!
    Donate to: DrByte directly or to the Zen Cart team as a whole

    Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
    Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.

  5. #5
    Join Date
    Oct 2007
    Location
    Safford, AZ
    Posts
    323
    Plugin Contributions
    0

    Default Re: CSS Info for Zen Cart?

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

    Thank you both
    Steve
    Zen cart version: 1.3.9h

 

 

Similar Threads

  1. CSS terms for ZEN CART templates?
    By Heart in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 13 Dec 2010, 07:35 PM
  2. Does Zen Cart look to template_default for css
    By dbltoe in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 29 Jul 2010, 06:45 PM
  3. Zen Cart or Zen CSS for Regular Site
    By Webskipper in forum General Questions
    Replies: 10
    Last Post: 31 May 2008, 04:58 AM
  4. CSS Element for Add to Cart CSS button?
    By modernm in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 20 Jan 2008, 04:54 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg