product listing page – resize issue

[tonywong]

hi,
i have problem with the container resize issue again. my container size 540×540. i have uploaded a new set of image and resize it using regenerate thumbnails. i had previous success the last time, but now the problem surface again. please help & see attached.

user: knoh / zaq12wsx

[tonywong]

i have 2 listing page for my product. strangely, the second page listing turn out fine. but the first page is messed up. any reason for this inconsistency?

http://honk.sg/shop/

[Kyle – SUPPORT]

Hi

Both pages are fine for me? Please confirm

– Kyle

[tonywong]

I keep getting top row of the product images “over extended” when i load the product pages. my container size is 540 x 540 (squarish). it looks like the images are trying to fill up to a rectangular canvas when its load. please see attached to know what i mean.

i have install plugin lazy load (where it load text before images, as well as resizing the images to smaller size. its doesnt really improve.

[Kyle – SUPPORT]

Please can you try adding this to your custom css:

.woocommerce ul.products li.product figure {
  padding-bottom: 270px;
}

– Kyle

[tonywong]

yep.it looks fine now. many thanks.

[Kyle – SUPPORT]

No problem 🙂

– Kyle