Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / styling a table from the stylesheet

styling a table from the stylesheet

Locked

Views: 708

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
28 Jul 2009, 12:59 AM
#1
ktomas avatar

ktomas

New Zenner

Join Date:
Nov 2008
Posts:
71
Plugin Contributions:
0

styling a table from the stylesheet

I'm having a lot of trouble styling my products list rows via the stylesheet. I honestly don't have much experience using tables, but there's got to be a better way to do this.

SEE MY ISSUE HERE

In the above link, I simply want to increase the cellspace or cellpadding in the listing table, but in my stylesheet not in the .php file.

How could I simply increase the vertical space between the table rows in this list?

28 Jul 2009, 1:08 AM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: styling a table from the stylesheet

Search your stylesheet for .productListing-data, remove it from that list of classes and ids and set it up in its own statement:

.productListing-data {padding-bottom:20px;} Adjust the 20px as desired.

28 Jul 2009, 1:20 AM
#3
ktomas avatar

ktomas

New Zenner

Join Date:
Nov 2008
Posts:
71
Plugin Contributions:
0

Re: styling a table from the stylesheet

That did it. Thanks.

Why I'm here, let me ask you what the setting is that makes it list each product vertically and then again horizontally at the bottom. I think I only need one listing.

28 Jul 2009, 12:13 PM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: styling a table from the stylesheet

Admin - Configuration - Index Listing - Show New Products - below Product Listing