single product page image resize

Hello there
i would like to know how to control product image bloc ?
example attached

https://prnt.sc/5ijn3XwSYBGY this what i’ve been trying but it doesnt seems to work with me

Hello,

Please read the below article on how to crop the product image:

https://www.businessbloomer.com/woocommerce-single-product-image/

If you’d like to contact us, we are here for whatever questions you may have.

Kind Regards

can you atleast do it for me ? i’ve tried this but never work
either bigger than i want or smaller than i need
i need it to be fixed size for all products what should i do ?

Well since you ignored my issue , i’ve googled it and i found this code works as a clock
.woocommerce.single-product #content div.product div.images,
.woocommerce.single-product div.product div.images,
.woocommerce-page.single-product #content div.product div.images,
.woocommerce-page.single-product div.product div.images {
max-width: 78%;
display: block;
width: 100% !important;
float: none !important;
margin-left: auto;
margin-right: auto;
}
you can use it to help people who need help not ignore them like that ,,
cheers 🤠

Hello,

I apologize for the delay.

Glad that you found a solution.

Always remember that you can reach out to us with any questions you may have.

We wish you a splendid day!

Kind Regards

[Author]

Posts