How can I resize images on the Dawn theme?

Technical Q&A
1

I’m currently using the dawn theme and dealing with quite a few images that have a really big height and a small width and would like to essentially downscale images in the product page so that it fits into a 1080 by 1080 or 1920 by 1080 placeholder. Is there a way i can achieve this by editing the code?

2

Hello There,

Please share your store URL and Password.
So that I will check and let you know the exact solution here.

3

Hi, thanks for the reply but unfortunately I’m not able to provide the website url but am able to give you a better understanding of what I’m looking for. So I’ve created an example store and ill attach a screenshot below and basically would like that image to fit into a 1080 by 1080 space so it doesn’t appear massive and I would like it so that the image gets downscaled so it fits in that area. I’m using the dawn theme and all my product images have a white background.

Thanks

random tree.PNG
random tree.PNG1912×911 125 KB

4

Hi @fljdak ,

To change you follow the instruction:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
.product__modal-opener--image {
    max-height: 1080px;
    overflow: hidden;
}

I hope it would help you.

5

hi i tried pasting the code at the bottom of base.css but it didn’t work

6

@fljdak

Unfortunately without seeing the website we are unable to provide accurate help, we’re working in the dark. You can share a temporary URL with the developers in the forum that will expire later on.

If privacy is crucial, I am afraid that the most viable alternative would be hiring a developer to work alongside with you.

Kind regards,
Diego