Site logo

Archived topic

Thumbnail images can't change size

5 replies · Started by Stewart on August 9, 2018

Viewing posts 1–6 of 6

Trying to change the image width/height to a square, but doesn't work. Each category has about a dozen images. The generic ratio now being used isn't very suitable in most cases. How can I change it? Is there a plugin?

Hi there,

Your images are actually square, but this CSS is preventing it:

.wc-product-image {
    border: solid 1px #000;
    box-shadow: 4px 4px 4px #000;
    max-height: 100px;
    max-width: 140px;
    overflow: hidden;
    background-color: #ccc;
    padding: 0px;
    border: solid thin blue;
}

If you remove this, you should see them be completely square:

max-height: 100px;
max-width: 140px;

Let me know :)

Where is that bit of CSS and how on earth did you find it? I'm obviously using the wrong developer tool.

Looks like you found it?

I'm seeing square images now :)

Yeah, sort of. Threw out my extra CSS file but I don't see an exact match for the code quoted. Anyway, I'm trying a hands-off approach with that, letting the theme and plugin do what they want!

Sounds good :)

This archived topic is closed to new replies.