Spacing between product images

[SpunkyOne]

I need help because I have been at this for ages.

I have read what is posted at the following links:
http://www.zen-cart.com/forum/showthread.php?t=55335
http://www.zen-cart.com/forum/showthread.php?t=46461
http://www.zen-cart.com/forum/showthread.php?t=38081

but cannot figure out where to go. I am using the classic template and have gone through the stylesheet at includes/templates/classic/css but cannot find anything to do with .productListing (Maybe I'm blind )

Am I in the right place. I know basic html but have never used stylesheets so maybe I am in the wrong folders. I am almost finished setting up but this is the one I'm really having a problem with.

[gjh42]

Are you using a good text editor with search function?
I find Notepad++ to be excellent for editing CSS & PHP files, with line numbers, color coding and error detection built in.

Alternatively, many classes and IDs are called in the HTML, but not given definitions in the stylesheet. They are provided as handy tags for users to add styling if they wish. If you don't find a tag in the stylesheet, you can just add it for yourself.

[kobra]

this will do most of what you want and you can adjust the values as you wish

.productListing-data {
padding-top: 15px;
padding-bottom: 15px;
padding-right: 15px;
margin-right:1.5em;
border-bottom: 1px solid black;
}

[skilaq]

Legend!!!!!

[cleverpork]

this will do most of what you want and you can adjust the values as you wish

.productListing-data {
padding-top: 15px;
padding-bottom: 15px;
padding-right: 15px;
margin-right:1.5em;
border-bottom: 1px solid black;
}

So, I tried the above on my stylesheet and nothing changed. I'm confused. I'm trying to change the spacing between product images once someone has clicked into a category. The images are jammed together on top of one another. Would anybody mind helping? Perhaps I've inserted the above code in the wrong place. Or maybe I misread this forum. Any help would be greatly apprecitated. Thanks.

cris

[mrbert]

I have the same problem,

But when i look at this style sheet info [FONT=monospace]
[/FONT].productListing-data {
padding-top: 15px;
padding-bottom: 15px;
padding-right: 15px;
margin-right:1.5em;
border-bottom: 1px solid black;
}
I would thinkthere should really be some space (15 ox?) between the products.
you might try to change Border bottom to 10 px and another color then your background?
Pleas tell if this works for you?

[cleverpork]

I did get it to work. I'm not sure what made the difference, to be honest. I'm sure it was user error, initially, but it's working now.

Thanks for the suggestion, though. I apprecite it.

[moonlilly]

BEAUTY!!! Thank you soooo much!!!

[TAC11]

this will do most of what you want and you can adjust the values as you wish

.productListing-data {
padding-top: 15px;
padding-bottom: 15px;
padding-right: 15px;
margin-right:1.5em;
border-bottom: 1px solid black;
}

Hi, is is possible to change the solid black colour? I have tried several things but can't alter it.

Thank you

[gjh42]

What do you want to change it to?