resize woocommerce catalog image

Posted in: Newspaper
Post count: 125
pstgibson
#214502
Feb 1, 2018 at 1:01 pm

I want to resize my woocommerce catalog image size (https://w.warrimarket.com/product-category/computer-stores/) from its current size of 195×195 to 132×132.

I have done this in Woocommerce > Settings > catalog image in Product Image size, and then regenerate thumbnail but there was no change.

Please what should I do to achieve the 132X132 dimension size with css?

  • This topic was modified 8 years by pstgibson.
Post count: 20688
Simion C.
#214544
Feb 1, 2018 at 3:09 pm

Hi,

Indeed that will change the product image but seems the container remains the same width. A fix would be to modify the container size, more products will be displayed on a row in this case
– https://www.screencast.com/t/JyRF02aD

.woocommerce ul.products li.product a img {
width:auto;
}
@media (min-width: 1141px) {
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
width: 12%;
}}

Thanks

Post count: 125
pstgibson
#214754
Feb 2, 2018 at 5:36 pm

Thanks, but I discovered I actually need to increase the container to 300X300.
I will appreciate the CSS code for this.

Post count: 20688
Simion C.
#214946
Feb 5, 2018 at 8:33 am

The container size is a percentage, if you want it to have a fixed width of 300, you can use a code like this
– https://www.screencast.com/t/5Yw4f4iig

@media (min-width: 1141px) {
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
width: 300px;
}}

Thanks

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.