Product Listing - Column Grid - Padding btwn Products

[TurtleDove]

I'm using the Column layout for my Product Listing pages. How do I add spacing/padding between each of the products listed under the Product Listing page?

I looked up the ID of an individual product listing and it was under:


#productListing > div .centerBoxContentsProducts centeredContent back


I tried adding a "padding: 25px" line in the CSS file under #productListing and .centerBoxContentsProducts but it isn't working.

What should I put in the CSS file instead?

Thanks!

[kobra]

post a link to your shop

[TurtleDove]

Here's the link:

http://www.pawglamour.com/index.php?...ndex&cPath=2_8

[kobra]

They look perfectly spaced in Fire Fox

What are you viwewing with and version

[TurtleDove]

I wanted to add more space between them because the titles on the bottom of each picture are pretty close together at some parts.

I'm viewing with Firefox as well.

[kobra]

It is auto didided by what is set in the admin - - in this case 33%

You might try adding padding to this in your stylesheet

.itemTitle {
	font-size: 10.5px;
	margin-bottom: -20px;
	}

so that it looks like

.itemTitle {
	font-size: 10.5px;
	margin-bottom: -20px;
        padding: 1em;
	}

[TurtleDove]

Awesome, thank you.

[Trice]

Hi all. First let me apologize, I am new to ZenCart and to css and php. But I'm learning fast and love this forum! So with that....I am using the template Extra Colors for 1.3.5 and I have the newest version of ZenCart, but I can't see to figure out which css file to edit to pad between my product listing. Can someone help with that? Thanks so much