[SOLVED] Thumbnail padding?

[noesac]

I would like to add some padding / whitespace around my thumbnails when in product view.

As you can see, when the images go all the way to the edge, it looks pretty ugly:

http://i48.tinypic.com/j9t5yo.png

Any thoughts on how I can do this safely (without causing all sorts of formatting havoc elsewhere)?

[rocky]

Try going to the /* views block */ section of your global.css and add something like padding-right: 5px; to the #thumbs_list li block. Hopefully, this won't mess up the width of the thumbnail container.

[noesac]

hum that didn't appear to work, I also tried "padding:5px;" but no luck either

[rocky]

Try changing the width in #thumbs_list li from 80px to 85px.

[noesac]

Fantastic thanks, that worked!

I also tried increasing the padding (padding-right) on #thumbs_list li and it worked, but wrapped the images down onto a second line, so I used width instead.

[Caspian]

I have the same problem with no solution, look this:

6 additional images without white background:

Fisrt image > Default pretashop global.css, the images without white background or margin looks very ugly
Second image > Editing global.css #thumbs_list li { widht:81px;
3º Image > Editing global.css #thumbs_list li { widht:85px;

¿how I can solve this problem?? two hours trying to fix the problem without solution

Thanks.

[Caspian]

any idea, I tryed all options I have seen in the forum but allways problems with 5,6 7 or more images.

[Caspian]

If I add padding or border to global.css
how I can avoid the last thumb go to under the first thumb?
Please look the images of the boot.
thanks

[rocky]

You must edit the width of #thumbs_list to compensate for the padding added. For example, add three times the amount of padding to the width.

[Arj1]

I didnt get it to work when i read this thread. If someone else having the same problem, try searching your product.tpl for "
Delete " {math equation="width * nbImages" width=80 nbImages=$images|@count}px" and set your pref. width, ex:


"

also change the width in the css as said before in the thread.