Site maintenance: Sun 15 Nov, from 20:00 UTC, about 4–6 hours. Details

This cutover relies on some testing that is still incomplete so may be cancelled at short notice

Forums / Setting Up Categories, Products, Attributes / Product Listing - Column Grid - Padding btwn Products

Product Listing - Column Grid - Padding btwn Products

Locked

Started by turtledove on 14 Oct 2010, 9:03 PM · Views: 2,040

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
14 Oct 2010, 9:03 PM
#1
turtledove avatar

turtledove

Zen Follower

Join Date:
May 2006
Posts:
182
Plugin Contributions:
0

Product Listing - Column Grid - Padding btwn Products

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!

14 Oct 2010, 9:42 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Product Listing - Column Grid - Padding btwn Products

post a link to your shop

Zen-Venom Get Bitten

14 Oct 2010, 10:41 PM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Product Listing - Column Grid - Padding btwn Products

They look perfectly spaced in Fire Fox

What are you viwewing with and version

Zen-Venom Get Bitten

14 Oct 2010, 10:46 PM
#5
turtledove avatar

turtledove

Zen Follower

Join Date:
May 2006
Posts:
182
Plugin Contributions:
0

Re: Product Listing - Column Grid - Padding btwn Products

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.

14 Oct 2010, 11:11 PM
#6
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Product Listing - Column Grid - Padding btwn Products

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;
	}

Zen-Venom Get Bitten

15 Oct 2010, 10:30 PM
#7
turtledove avatar

turtledove

Zen Follower

Join Date:
May 2006
Posts:
182
Plugin Contributions:
0

Re: Product Listing - Column Grid - Padding btwn Products

Awesome, thank you.

19 Oct 2010, 1:23 AM
#8
trice avatar

trice

New Zenner

Join Date:
Oct 2010
Posts:
26
Plugin Contributions:
0

Re: Product Listing - Column Grid - Padding btwn Products

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