Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Margin between products

Margin between products

Locked

Views: 2,769

Results 1 to 12 of 12
This thread is locked. New replies are disabled.
18 Apr 2009, 6:42 PM
#1
natel avatar

natel

New Zenner

Join Date:
Aug 2007
Posts:
47
Plugin Contributions:
0

Margin between products

I'm having a little bit of trouble getting my products to display properly.

When I click on a category that contains products, they are presented in a list.

Each product has pictures, but the pictures are butted right up to each other. I just want to add some 10px margins between each table row - so I've added this code to the bottom of my stylesheet.css - and it does not work.

tr.productListing-odd{
    background-color:green;
    margin-bottom:10px;
}

Now, I put the bg color as "green", just so I could see that the page is indeed picking up that style - and yes, it is, but my margin is still not there! I hope it's something i'm simply looking over...

18 Apr 2009, 7:03 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Margin between products

Where is your site?

Zen-Venom Get Bitten

18 Apr 2009, 7:06 PM
#3
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,185
Plugin Contributions:
0

Re: Margin between products

Na,
Try this please:

.productListing-data {
margin-bottom:10px;
}

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

19 Apr 2009, 11:14 PM
#4
natel avatar

natel

New Zenner

Join Date:
Aug 2007
Posts:
47
Plugin Contributions:
0

Re: Margin between products

the site is here

haredo, I've tried that already and it doesn't work :(

19 Apr 2009, 11:29 PM
#5
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Margin between products

change
margin-bottom to padding-bottom and give it a try

19 Apr 2009, 11:32 PM
#6
natel avatar

natel

New Zenner

Join Date:
Aug 2007
Posts:
47
Plugin Contributions:
0

Re: Margin between products

k,

padding works... I had to add a top and bottom margin to get it to work the way I want.

But it looks good now :)

20 Apr 2009, 12:48 AM
#7
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,185
Plugin Contributions:
0

Re: Margin between products

@Tony,
Thanks for covering second base for me...

@Na,
Glad you are up and running..

Nice site by the way...

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

20 Apr 2009, 1:13 AM
#8
natel avatar

natel

New Zenner

Join Date:
Aug 2007
Posts:
47
Plugin Contributions:
0

Re: Margin between products

NateL:

k,

padding works... I had to add a top and bottom margin to get it to work the way I want.

But it looks good now :)
I meant top and bottom padding

haredo:

Nice site by the way...
I'm just the developer. :lookaroun

20 Apr 2009, 1:23 AM
#9
godspeed128 avatar

godspeed128

New Zenner

Join Date:
Apr 2009
Posts:
21
Plugin Contributions:
0

Re: Margin between products

I have the same problem where do I find the stylesheet.css to edit ?

Thanks

20 Apr 2009, 2:10 AM
#11
natel avatar

natel

New Zenner

Join Date:
Aug 2007
Posts:
47
Plugin Contributions:
0

Re: Margin between products

Here is the code I'm using inside stylesheet.css

.productListing-even{
    background-color: #e3e3e3;
}
.productListing-data{
    padding: 10px;
}
20 Apr 2009, 2:28 AM
#12
godspeed128 avatar

godspeed128

New Zenner

Join Date:
Apr 2009
Posts:
21
Plugin Contributions:
0

Re: Margin between products

Thanks it worked