Spacing, add between preview thumbs on main product pages

Hi,

On the categorie product pages in the main/middle, all product preview (thumbs) images are on the left hand side next to the product text.

Is there a way to add spacing between the images.
Meaning between the items in the center window. All the images are touching each others, the top of one to the bottom of the next. No space between items.

Any ideas?

Thanks in advance
Stefan

Post a link to your site and the page in question

Hi,

Directlink is http://canvas.nu/zencart/index.php?main_page=index&cPath=6

I was looking into this as well. Perhaps a line separating products as well as images.

I think on a previous install I had found a way to do this but lost the info on the latest upgrade. And trying to remember anything is a complete waste of energy and time.

stefanl,
Try adding this at the end of your stylesheet.css file and add/edit to suit

.productListing-data {
        padding: 1em 0em 0em 0em;
        border-bottom: 1px solid #000000
        }

Hi,
I added the css code to the stylesheet.css but doesnt seem to work unfortunatly. Thanks for the help in any case. Appreciated.

Question is if this code suggestion was to work on the thumbs in the middle. the "Display". As you could see I have New for September" and so on, but the thumbs I am thinking of are those in the middle of the page. Where you have thumbs on the left hand side and the explaning text on the right hand side.

I didnt find anything in the css stylesheet called "display..."

Any ideas?

Stefan

I added the css code to the stylesheet.css but doesnt seem to work unfortunatly.
I do not see where you have added it?
You should be editing the file located at - -
includes/templates/CANVAS/css/stylesheet.css

You might need to clear your browsers cache

As many of us use interactive tools, we can apply changes temporairily to see what effect they have - so I am sure that the code has an effect but may not be what you wanted

MAN, you really did see my file structure :-)
Thanks. I will change it asap. I changed it in the Admin/includes.
Solly, will change it now.

Me again. I have now changed it and it works. Thanks again. True that it isnt exactly how I pictured it but does work. The underscore line I didnt picture infront of me. More one without.

Apreciate your help! :smile:

The underscore line I didnt picture infront of me. More one without.
Remove the border directive if desired

kobra:

stefanl,
Try adding this at the end of your stylesheet.css file and add/edit to suit

.productListing-data {
padding: 1em 0em 0em 0em;
border-bottom: 1px solid #000000
}

YES!! This worked well for me,  I changed  the padding with a number 2 for each so it is evenly spaced on all sides of the image.  Thank you Kobra!