How do I add space in between product listing?

[LTaylorBrown]

Mine look like they are all smooshed together. See example here:

http://scrappindeadgirls.com/bootiqu...index&cPath=80

Thanks in advance for the help :)

[Get Em Fast]

Find this line in your css:

td.productListing-data{ text-align: center;}

and add: padding: 0.5em;

to make it look like this:

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

Hope this helps.

[LTaylorBrown]

It helped TONS...thank you so much!

[Get Em Fast]

Your welcome. That's what Zenning is all about.....people helping people. Just return the help back to the ZC community someday.

[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.