Want to change Product Listing Layout - HELP

[lrt1099]

I've been searching and searching... Can anyone help me/tell me how to modify the layout of the product listings? I want the height of the rows to be taller. I have not installed any modules for column grid layout, etc. What I really want is something that looks similar to this site: http://www.sitstay.com/dog/supplies/...&top_category=

Any help would be greatly appreciated!!
Thanks!!!

[stevesh]

We'll need a link to your site.

[lrt1099]

The link to my site is www.rivercitypetsupplies.com

Thank you!!

[WilpackPackaging]

Here is what I did to change the height.

Look in includes/templates/YOUR_TEMPLATE/css/stylesheet.css

Open in a text editor.

search for

.productListing-data,

Here is the tricky part. I moved

.productListing-data,

out of the section

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

I moved it above that section to be precise. Then I made it look like the following:

.productListing-data, {
border-bottom:solid #000000 1px;
margin-top: 1.5em;
margin-bottom: 1.5em;
padding: 0.7em 0.7em;
}

What this does is add a line between each item and and space around the line. You can change the color of the line by changing the #000000 to whatever you want. If you do not want the lines to show up then change the color to whatever your background color is for that section. If you want more space between, change the padding.

I hope this works for you, please let us know.

[lrt1099]

Wilpack - you are awesome!!! Worked like a charm!!! Looks so much better. Thank you so much for your help and for your time!! I was going crazy trying to figure it out!!

Thanks so very much!!!

[WilpackPackaging]

Glad to hear that it worked for you. Your site is looking very nice by the way.