Zen Cart Logo
Forums / Setting Up Categories, Products, Attributes / adding spaces in categories

adding spaces in categories

Locked

Views: 1,108

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
07 May 2007, 10:55
#1
cheshirenov avatar

cheshirenov

New Zenner

Join Date:
Apr 2007
Posts:
18
Plugin Contributions:
0

adding spaces in categories

Hi

How do you add spaces inbetween the product images in the subcategory sections?

I have a main catagory with a number of sub- categories but when I click on any of these sub-categories the images come up underneath eachother with no space inbetween each image. I would like to have at least one space inbetween each image.

Many thanks:unsure:

07 May 2007, 11:34
#2
haredo avatar

haredo

Totally Zenned

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

Re: adding spaces in categories

A url to your site please to view your dilemma.

07 May 2007, 15:27
#3
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: adding spaces in categories

In your stylesheet, find or add

.productListing-odd, .productListing-even {
	margin-bottom: 1em;
	}

For more detailed control, try this (adjust to your taste):

/*  space & border between listing items */
.productListing-odd td, .productListing-even td {
	text-align: left;
	vertical-align: top;
	padding:0.5em;
	margin-bottom: 1em;
	border-bottom: 3px double #aaccbb;
	}
09 May 2007, 11:55
#4
cheshirenov avatar

cheshirenov

New Zenner

Join Date:
Apr 2007
Posts:
18
Plugin Contributions:
0

Re: adding spaces in categories

Hi

I tried the codes given. As there did not appear to be anything in the CSS file, I wrote them in near the top after some coding relating to image border - thinking it maybe the right place.
I tried the first and nothing happened.

I tried the second and the whole of the background when pale blue (#aaccbb) and the category links ended up half way down the page and my heading text went smaller in size and moved to underneath my heading image - on the left hand side.
Also all the images were underneath eachother - even the 'new products' section beneath.

But the catagory images did have spaces and dividing lines inbetween them!

So, being a complete novice to most coding (only done pages via Dreamweaver without CSS), I decided to try adding the code at the very end of the page and IT WORKED!!
:clap:
Many thanks.