Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Alternating Colours For Product Listing

Alternating Colours For Product Listing

Locked

Views: 1,059

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
13 Apr 2008, 11:43 AM
#1
philblunt avatar

philblunt

New Zenner

Join Date:
Nov 2007
Posts:
25
Plugin Contributions:
0

Alternating Colours For Product Listing

Hi all,

Just a quick thought, I'm not sure how easy to implement this might be, but...

How would one go about having alternating colours for each product listed in a category. To help explain what I mean, here's a link to one of may pages as it is now:

http://stargate.terrassl.net/~admin36/shop/index.php?main_page=index&cPath=2_67

What I'm after would be having the first item listed to have a white background and the next one to have a pink background, then repeat. Does that make sense?

Failing that, where do I need to make a change to add a 1px black border at the bottom of each item listed? - I'm just trying to give each product clearer seperation.

Thanks :)

13 Apr 2008, 12:03 PM
#2
barco57 avatar

barco57

Totally Zenned

Join Date:
Apr 2006
Location:
West Salem, IL
Posts:
2,841
Plugin Contributions:
0

Re: Alternating Colours For Product Listing

.productListing-odd {background-color: pink;}
``` insert your own color for pink
13 Apr 2008, 7:01 PM
#3
philblunt avatar

philblunt

New Zenner

Join Date:
Nov 2007
Posts:
25
Plugin Contributions:
0

Re: Alternating Colours For Product Listing

Wow, the users on this forum are faster than a speeding bullet ;)

Cheers Barco. :clap:

13 Apr 2008, 7:30 PM
#4
philblunt avatar

philblunt

New Zenner

Join Date:
Nov 2007
Posts:
25
Plugin Contributions:
0

Re: Alternating Colours For Product Listing

Help - I cant find that in stylesheet.css? Any ideas?

14 Apr 2008, 6:11 AM
#5
barco57 avatar

barco57

Totally Zenned

Join Date:
Apr 2006
Location:
West Salem, IL
Posts:
2,841
Plugin Contributions:
0

Re: Alternating Colours For Product Listing

if you can't find it in the stylesheet.....add it.