How can I decrease the zoom size on Crave theme product images?

[TBoan]

I am using the Crave theme. Zooming in on a product image makes it too big and thus blurry. How can I reduce the size?

[GabrielS]

Hi,

The below code should achieve what you are looking for:

.product-media-modal__content {
  max-width: 700px !important;
  margin: 0 auto !important;
}

Adding the code at the end of your base.css file should look similar to the attached screenshot.

Cheers!

[TBoan]

Thank you, GabrielS.