Zen Cart Logo
Forums / Setting Up Categories, Products, Attributes / Spacing category images in main page area

Spacing category images in main page area

Views: 905

Results 1 to 7 of 7
4 May 2013, 1:02 PM
#1
sully avatar

sully

New Zenner

Join Date:
Nov 2009
Posts:
15
Plugin Contributions:
0

Spacing category images in main page area

When you click on the categories in the left categories box, the products in that category are then displayed in the main page area...

The problem I'm having is that the products listed all have their images one on top of another.

Can someone tell me how I can get the images spaced out please?

4 May 2013, 1:28 PM
#2
stevesh avatar

stevesh

Black Belt

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

Re: Spacing category images in main page area

Probably, if we can see the site.

4 May 2013, 1:33 PM
#3
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: Spacing category images in main page area

sully:

When you click on the categories in the left categories box, the products in that category are then displayed in the main page area...

The problem I'm having is that the products listed all have their images one on top of another.

Can someone tell me how I can get the images spaced out please?

Spacing for these will be controlled in the stylesheet. Use firefox and firebug to analyse page structures offline.

And how are we supposed to know what your site's adjustments are without seeing it?

4 May 2013, 2:07 PM
#6
stevesh avatar

stevesh

Black Belt

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

Re: Spacing category images in main page area

Has been asked a lot, but the solution can be template-specific. One way would be to add to the stylesheet:

#productListing img {margin: 1em 0 0 0;}

4 May 2013, 2:26 PM
#7
sully avatar

sully

New Zenner

Join Date:
Nov 2009
Posts:
15
Plugin Contributions:
0

Re: Spacing category images in main page area

That did the trick.

Thanks Stevesh