How do I add space in between product listing?

[Crooked_Halo]

Is this in the stylesheet.css YOUR TEMPLATE? I am trying to find it and change it too.

[Get Em Fast]

Is this in the stylesheet.css YOUR TEMPLATE? I am trying to find it and change it too.

Yes, CH, it will be in "includes/templates/YOUR_TEMPLATE/css/stylesheet.css

The line in your css actually looks like this:

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
text-align: center;
}


You can add: padding 0.5em; to it to make it look like this:

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
text-align: center;
padding: 0.5em;
}


Since that particular reference is included with so many others, if you have problems elsewhere, you can simply remove the reference (.ProductListing-data) from that group, putting it on it's own like so:


.productListing-data {
padding: 0.5em;
}



Hope this helps.

[Crooked_Halo]

Yay! You are a champion. Thank you.

[Get Em Fast]

You're welcome, CH. Nice looking site.........o.k., I'm a guy, I think I might have a biased opinion .

Just don't forget to help others when you learn your way around ZC, ok?

[Crooked_Halo]

Haha! Thank you. I think I am doing okay for a total newbie... With the help of all the awesome info contained within the forum and FAQ's.

[Get Em Fast]

Yes you are. Didn't mean to imply otherwise. The Product listings look MUCH better now, but did you look below those at the New Products? They are all messed up, now. Thought that might happen. You might want to separate that particular reference, like I suggested earlier. Anytime you add a padding to that many things, something is bound to display incorrectly.

[Crooked_Halo]

Wicked. Thanks. I wondered how I had buggered that up...

[pillaroom]

Hi! I use the column listing mod, and cannot for the life of me figure out how to add a vertical space, or row between items. I tried using this in the css file:

.productListing-data {
padding: 1em;
}

and no luck.

I also tried arbitrarily adding <br />'s into the column layout product_listing.php

and no luck.

Anybody have any idea how I might do this?

http://thepillaroom.com/Store/index....dex&cPath=1_20

Thanks!
Brad

[burelphotography]

I needed this advise as well. I made the changes and the product listing looked great but the New Products images were thrown out of wack. I solved this by peeling out the

.productListing-data 

adding it as a separate line with the values listed above by Get Em Fast to look like this

.productListing-data {
    text-align: center; padding: 0.5em;
 } 

The entire values looks like this now and all is well. Thanks guys.

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
    text-align: center; 
    }
    
.productListing-data {
    text-align: center; padding: 0.5em;
 } 

[Widow Twanky]

Just want to says thanks for this. It's worked a treat. I have been pulling my hair out trying to achieve this.

To be honest, I rather be knitting!