css row changes with Future Zen template

[hsitz]

I'm trying to modify the css stylesheet that's used by the Future Zen template.

Specific problem I'm having is in trying to modify the attributes for the .productlisting-odd and .productlisting-even id's. These are part of the table html for a generated product list. I've added these lines like these to the stylesheet:

.productListing-odd {
background-color: #aaaaaa;
margin-bottom: 10px;
}

Problem is that these lines appear to have no effect.

A similar table used in the shopping cart has id's of .roweven and .rowodd. Similar specifications in the stylesheet seem to modify attributes in that table just fine.

I'm a newbie to css. Can someone tell me what I'm doing wrong?

-- Herb

[hsitz]

Okay, I didn't figure out what was wrong but somehow it's started working to get the background colors alternating.

But the margin attribute seems to have no effect at all. What do I need to do to get bottom margins on each of the rows, to add space between the rows in the product listing table?

Thanks,

Herb

[hsitz]

Okay, I think I got the margin problem figured out. Turns out that margin is not an attribute you can apply to TR. You can apply an attribute to the appropriate TABLE tag to get the effect I wanted:

.tabTable {
border-spacing: 0px 10px;
}

[Holgate]

Now thAT was some serious Zen problem solving ...no replies necessary!

[kobra]

hsitz,

If you still have troubles...post your url...Kurio(template author), myself and many others will be more than willing to attempt to assist...as this template of Kurio's is mostly css based, we can, with the url, provide specific solutions to your problems.

I am volunteering Kurio's assistance, but as we are mates, he just has to buck up.

[seethrou]

Please refer to another topic of another approach, this may help others with similar need.
Re: Product Listed too close together, Product Listings odd rows and even rows in CSS settings

.