Additonal Space between product pics

[irrational]

How can I add a space between the product pics/listings, so that the pics arent touching each other? A space or seperator of somekind would be nice to get some separation so that things don't look so bunched up.
Thanks.

[irrational]

I would like a space or seperator between my product listings so that the pics and thing dont look so bunched up. Is there anything I can do to get them seperated?

[kobra]

Post a url to the page in question

[Kim]

Please do not post your question more than once. Threads have been merged.

[Kim]

Add some padding to your stylesheet for them.

[irrational]

Where in the style sheets do I adust the padding for this? Here is a link to an example of the issue.

http://www.okcfishlady.com/store/ind...ath=67_102_104

Sorry for posting more than once. Didnt know if I was in the right area.

[kobra]

Download your stylesheet.css css file from includes/templates/classic/css/stylesheet.css and find this line about #590 using a PLAIN text editor or your code editor

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

Seperate out the one that I have highlighted in red and apply these to it so you end up with - and you can adjust as you want:

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

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

[irrational]

Thanks, Kobra. Right on the money......again.

[kobra]

In the future post your site and not someone else's

[2neat]

Kobra,

Thanks for the clear directions.

I did this and it worked perfectly.

I think it adds a nice piece of polish.

mark