Product List - Spacing issue

[stuffedpretzel]

I hope I am placing this question in the right place... I have read and re-read until my eye's hurt... so I am going to ask this one question.

Where/what file is it that I need to modify and where in that file to increase the space between the images displayed on the product list page.

I would like to increase the size of the images and I know to do that in Admin, but when I do that the product list page gets all funky so I would like to try and fix that.

Here is a link to the site http://www.stuffedpretzel.com/store/...=index&cPath=1 - Notice how close the images are???

Please be gentile, I am so green at this... have been working on it for days... guess you could say I am a Donkey on the edge... Shrek!

Thanks for you help

[gjh42]

Add to your stylesheet

.productListing-data {padding: .8em .3em;}

Adjust to your liking.

[kobra]

This can be controlled with the css styles in the stylesheet.css file for your template that is currently "classic" and you ahould create your own but that is another subject:

Search and Find this tag in stylesheet.css or add it if you do not find it, if it is there and nested with other tags seperate it out into it's own entry and adjust the padding value to suit

.productListing-data {
padding-bottom: 3em;
}

[gjh42]

Note: the second value in

padding: .8em .3em;

is for left and right sides, and will give you some breathing room between your text and image.

And yes, you want to make your own template folder so your hard work doesn't get erased when you upgrade to the next version of Zen Cart.

[stuffedpretzel]

Thanks much! I am off to play around

[stuffedpretzel]

Giddy Up! that worked perfectly... ok so one more quick question and I think I am done.

Where would I set the description margin... so that it doesn't push the right sideboxes off the page?

http://www.stuffedpretzel.com/store/...=index&cPath=1

Thanks so much for your help today you guys are awesome!

[stuffedpretzel]

Ohhhh... I figured it out! Thanks.

[gjh42]

For general enlightenment...
I had noticed that earlier. The immediate cause of the description pushing the right sideboxes out was a long unbroken string of letters typed in as a placeholder. By default, the description will be sized to fit in the space available, but a long word can mess that up.

...or was it? It might have been another site I saw that particular problem on today :)

[gjh42]

Yes it was: jkfldjslkfjd;lskaflsdja;lkjfdlskjflkdjs;alkjfdlskjflfkdjslfkjdlskjflksdjlfk

;)

[hansi]

Hi,

I tried adding the snippet css code to my stylesheet (and increased the padding values) but it does not work. The images are still very close together.

Cab you please help me?

Hansi