4 Replies Latest reply: Oct 30, 2014 8:43 AM by Ryan Thomas

Product Thumbnails Overlapping

aboooooojo Oct 27, 2014 1:02 AM

Hello I got a problem with the spacing of the product thumbnail in the "individual small",,, when I add 1-2 products it looks good but more than 2 look terrible, all the thumbnails are squeezed together to the left side overlapping each other, I want the product thumbnails to be centered and with a small space in between them in rows of 4 how do I do that? thank you

here's a link HERR UR

1. Re: Product Thumbnails Overlapping

Ryan Thomas Oct 27, 2014 11:49 AM (in response to aboooooojo)

Hey Aboo,
So in your CSS file "ModuleStyleSheets.css" locate and replace (should be line 538):

table.productTable {
border-collapse: collapse;
border-spacing: 1;
table-layout: fixed; <---- REMOVE THIS LINE
width: 100%;
}

with:
table.productTable {
border-collapse: collapse;
border-spacing: 1;
width: 100%;
}

Hope this helps!
-Ryan
Like Show 1 Like (1)

Actions
2. Re: Product Thumbnails Overlapping

aboooooojo Oct 29, 2014 11:54 PM (in response to Ryan Thomas)

Thank's Ryan! I will try this out!!
Like Show 0 Likes (0)

Actions
3. Re: Product Thumbnails Overlapping

aboooooojo Oct 30, 2014 12:00 AM (in response to Ryan Thomas)

YES!,,, again, thank you sooo much Ryan it did the trick.
Like Show 0 Likes (0)

Actions
4. Re: Product Thumbnails Overlapping

Ryan Thomas Oct 30, 2014 8:43 AM (in response to aboooooojo)

Happy to help!
Like Show 1 Like (1)

Actions

Go to original post

Product Thumbnails Overlapping

1. Re: Product Thumbnails Overlapping

2. Re: Product Thumbnails Overlapping

3. Re: Product Thumbnails Overlapping

4. Re: Product Thumbnails Overlapping

Actions

More Like This

Legend