Results 1 to 6 of 6
  1. #1
    Join Date
    Oct 2005
    Posts
    211
    Plugin Contributions
    0

    Default product list background color

    I am experminting with 1.3. and see that product lists are not alternating colors in some templates. If we go without tables as zen cart is inclined, how does one get this look back. Forgive me as I have no idea what I am doing, just trying to get there from here. And I am just assuming it has to do with tables.

    I found this thread for an answer to 1.2x versions in archive.

    http://www.zen-cart.com/forum/showthread.php?t=22558&highlight=product+list+background+color



    But I find nothing in the style sheet simalar to this post suggestion, (but that could be just me, I'm on "few" beers by now, and its almost 2 am here)

    Wade

  2. #2
    Join Date
    Oct 2005
    Posts
    211
    Plugin Contributions
    0

    Default Re: product list background color

    oh, and before I go get another refreshing beverage, I do know that the Classic template has alternating colors in its product list.

    But I heard this conspiracy theory that it has those dreaded tables, a half breed do everything for everybody template (no insult intended to the code work, much respect is intended to the hard work) . So I did not want to learn on this classic template.

    I am trying the Custom, blue theme and Future Zen so far. Forgive me for not giving credit to you who put these togeather, I can barley spell as it is.

    And why I am focusing on these colors is beyond me, as I have much more inportant things to fix. But I am sure there are many out there who understand where I am.


    Wade

  3. #3
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: product list background color

    in your stylesheet.css you will need to add the following selectors.

    productListing-odd {background-color: #whatevercolor;}
    productListing-even {background-color #whatevercolor;}

  4. #4
    Join Date
    Apr 2004
    Location
    UK
    Posts
    5,821
    Plugin Contributions
    2

    Default Re: product list background color

    Add following to stylesheet of template being used.. One below
    have designed for Future Zen
    Code:
    .productListing-odd {
    	background-color: #E5EDF5;
    	height: 1.5em;
    	vertical-align: top;
    	}
    
    .productListing-even {
    	background-color: #FFFFFF;
    	height: 1.5em;
    	vertical-align: top;
    	}

  5. #5
    Join Date
    Oct 2005
    Posts
    211
    Plugin Contributions
    0

    Default Re: product list background color

    well.... Thank you!, already tried the code copy and paste and it works great.

    Now I can goes to sleep with a good feeling of new acomplishment for this day with your kind productive and quick responses. I quess I am not the only one up so late.

    Thanks again

  6. #6
    Join Date
    Apr 2004
    Location
    UK
    Posts
    5,821
    Plugin Contributions
    2

    Default Re: product list background color

    I quess I am not the only one up so late.
    HeHe!! A very sunny, warm Sunday morning here in UK, glad to hear
    you got css code working

 

 

Similar Threads

  1. v150 Can I change the category and new product list font and background color?
    By soso838 in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 11 Jun 2012, 06:55 PM
  2. v139h Change the background color of my product list based on price
    By glitzsfa in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 30 Jan 2012, 05:47 PM
  3. Odd/Even background color for Product List
    By RobtSymes in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 14 Mar 2010, 09:38 PM
  4. Alternating the background color in product list
    By StarBuck in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 26 Jun 2008, 06:25 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