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.

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