Archived topic

Woocommerce product categories images cut

4 replies · Started by Alexandre on February 19, 2019

Viewing posts 1–5 of 5

February 19, 2019 at 8:05 am #814705

Hi,

I dont know if it's related to GP CSS in some ways, but here is my issue.

I have setup WC product categories to show up on side bar with images and description, but images are just a bit cut out on top and bottom. I did try to find where the h... in my css is the problem and can't find it.

Screenshot with details at https://drive.google.com/open?id=1_-dsq9lQE-fLXHJz0MgEBEyqTWykl9S8

Thanks for your support

February 19, 2019 at 9:15 am #814761

Hi there,

its not a CSS issue, looking at the src image they are cropped.
You may want to check the orginal images and ensure the aspect ratio is square, which may require some transparent/white space around them.

February 19, 2019 at 10:59 am #814831

Mmm, that's strange.

When I built this sidebar, icons were correctly displayed without the top/bottom crop. At some point, that I can't recall, I noticed that they were not correctly displayed.

I did delete and reimport fresh icons in WP media library. No success !!!

All these icons are absolutely transparent png, 40x40 pixels with blank margin of 1px on four sides. That's why I thought it was a conflicting css rule somewhere.

I don't use any image compression plugin at the moment.

Here is a quick video : https://www.useloom.com/share/f52abcffed3c41509c7f8e8947b53c98

I am not sure where to look at this point.

Thanks for any clue.

February 19, 2019 at 2:19 pm #814944

Pfff ! Found it !!!

Appearance / Customize / WooCommerce / Product Images.

And then under Thumbnail cropping set to uncropped.

That was far away.

Thanks for you support

February 20, 2019 at 2:15 am #815260

Glad you got it resolved.

This archived topic is closed to new replies.

Start building better websites today.