Product pictures touch each other

4 May 2012, 9:17 PM

#1

New Zenner

Join Date:: Apr 2012
Posts:: 62
Plugin Contributions:: 0

Product pictures touch each other

Hi, the product pictures in my shopping cart touch each other on top and bottom.

I have included this : #productListing{margin-bottom:10px;} into the style sheet but it doesn't make any difference. Can someone give me a hint?

Thanks,

Ed

4 May 2012, 9:20 PM

#2

haredo

Totally Zenned

Join Date:: Apr 2006
Location:: Texas
Posts:: 6,176
Plugin Contributions:: 0

Re: Product pictures touch each other

Ed, can you post a url to the site, so I can view in firefox with the add on called firebug ..

4 May 2012, 9:25 PM

#3

edgemeister

New Zenner

Join Date:: Apr 2012
Posts:: 62
Plugin Contributions:: 0

Re: Product pictures touch each other

http://achillesstonecrosses.com/cart/index.php?main_page=index&cPath=27

4 May 2012, 9:32 PM

#4

haredo

Totally Zenned

Join Date:: Apr 2006
Location:: Texas
Posts:: 6,176
Plugin Contributions:: 0

Re: Product pictures touch each other

ty for the link ...

edit:

/cart/includes/templates/classic/css/stylesheet.css
add this to the bottom:
.productListing-data {
padding: 0.25em;
}

5 May 2012, 3:13 PM

#5

edgemeister

New Zenner

Join Date:: Apr 2012
Posts:: 62
Plugin Contributions:: 0

Re: Product pictures touch each other

That worked like a charm, thanks a lot.

Now, if I only knew how to resize those small product pictures. :-)

5 May 2012, 3:15 PM

#6

haredo

Totally Zenned

Join Date:: Apr 2006
Location:: Texas
Posts:: 6,176
Plugin Contributions:: 0

Re: Product pictures touch each other

They are resized here:

admin panel/ configuration/ images

Take time and read about the override system for zen cart. I see you are still using the classic template ..

5 May 2012, 4:09 PM

#7

edgemeister

New Zenner

Join Date:: Apr 2012
Posts:: 62
Plugin Contributions:: 0

Re: Product pictures touch each other

Yes, I'm using the classic template because my customer likes it.

Is that a problem? Does the classic template not allow the small images to be resized?

Thanks,

Ed

5 May 2012, 4:15 PM

#8

haredo

Totally Zenned

Join Date:: Apr 2006
Location:: Texas
Posts:: 6,176
Plugin Contributions:: 0

Re: Product pictures touch each other

like the post earlier look here to change the size please:

admin panel/ configuration/ images/ **Image - Product Listing Width and **Image - Product Listing Height

5 May 2012, 4:33 PM

#9

edgemeister

New Zenner

Join Date:: Apr 2012
Posts:: 62
Plugin Contributions:: 0

Re: Product pictures touch each other

Thanks again,

I erroneously had modified the width/height of the "small picture", the first two items on the config/images screen.

Works fine now.

Ed

5 May 2012, 4:36 PM

#10

haredo

Totally Zenned

Join Date:: Apr 2006
Location:: Texas
Posts:: 6,176
Plugin Contributions:: 0

Re: Product pictures touch each other

Your welcome good luck on your site ...

Love the crosses. Very unique ..