Forums / Templates, Stylesheets, Page Layout / new product listing color

new product listing color

Locked

Views: 1,234

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
3 Nov 2007, 11:01 PM
#1
youniquephotos avatar

youniquephotos

New Zenner

Join Date:
Oct 2004
Posts:
40
Plugin Contributions:
0

new product listing color

does anyone know how I could change the even/ odd rows in the new product listings?

DaisieCompany.com--test

Thank you in advance

**** EDITED *** Never ever post in a forum, email, newsletter etc. the zenid or zenAdminID or you will be doomed!!** :eek:

4 Nov 2007, 5:10 AM
#2
crabdance avatar

crabdance

Zen Follower

Join Date:
Sep 2007
Posts:
318
Plugin Contributions:
0

Re: new product listing color

youniquephotos:

does anyone know how I could change the even/ odd rows in the new product listings?

DaisieCompany.com--test

Thank you in advance

**** EDITED *** Never ever post in a forum, email, newsletter etc. the zenid or zenAdminID or you will be doomed!!** :eek:

Put this in your CSS:
.productListing-odd td, .productListing-even td {
vertical-align: top;
padding: 0.5em;
margin-bottom: 1em;
background-color: black; (<-- insert your background color here)
color: white; (<-- insert your foreground color)
}

Or you can split the heading and make different colors for odd and even rows.

let me know if that works...

5 Nov 2007, 12:02 AM
#3
youniquephotos avatar

youniquephotos

New Zenner

Join Date:
Oct 2004
Posts:
40
Plugin Contributions:
0

Re: new product listing color

Thank you, it worked great for my all product listing, but not on the new listing, any ideas for the new product listing?

Thank you!

5 Nov 2007, 1:56 AM
#4
crabdance avatar

crabdance

Zen Follower

Join Date:
Sep 2007
Posts:
318
Plugin Contributions:
0

Re: new product listing color

youniquephotos:

Thank you, it worked great for my all product listing, but not on the new listing, any ideas for the new product listing?

Thank you!

try this...

newProductsDefault {
vertical-align: top;
padding: 0.5em;
margin-bottom: 1em;
background-color: black;
color: white;
}

Not sure if this is what you want but I'm just guessing that it is...
Oh... one thing that would help you out is to get aardvark for Firefox plugin. This allows you to see the classes and other information. This is how I find out what is where :)