Resizing images on the dawn theme

fljdak
Tourist
11 0 2

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?

Replies 7 (7)

WoodyDev
Shopify Partner
578 115 192

Hi!

 

Yes that should be possible, send me a link to the page in question and i'll try and get something typed up for you!

Woody, 29, Stafford, UK | If I helped you out, mark it as the solution and drop me a thumbs up! | This is just a hobby for me, not my full-time job, so tips are greatly appreciated! paypal.me/woodybruh | Developer for AimShop.com | Owner of WoodyDevelopments | Try the best Shopify page builder
fljdak
Tourist
11 0 2

Thankyou so much but unfortunately i dont have the link.

 

fljdak
Tourist
11 0 2

This isn't the actual store but here's an example of the problem im facing and would like essentially shrink the image so it fits into a 1080 by 1080 or a 1350 by 1080 placeholder. Also is it possible to remove the image outlines?

 

Thanks

random tree.PNG

WoodyDev
Shopify Partner
578 115 192

Without seeing the actual page itself it's hard to get it perfect, but i downloaded the Dawn Theme and found if you find this code below in your 'section-main-product.css' 

@media screen and (min-width: 990px)
.product:not(.product--no-media):not(.featured-product) .product__media-wrapper {
    max-width: 64%;
    width: calc(64% - 1rem / 2);
}

 

just edit the max width to a lower % and it should scale to a smaller size for you

Woody, 29, Stafford, UK | If I helped you out, mark it as the solution and drop me a thumbs up! | This is just a hobby for me, not my full-time job, so tips are greatly appreciated! paypal.me/woodybruh | Developer for AimShop.com | Owner of WoodyDevelopments | Try the best Shopify page builder
fljdak
Tourist
11 0 2

for some reason i couldn't find this exact code 

WoodyDev
Shopify Partner
578 115 192

If you could provide me a store link i'd be more than happy to take a look for you as your code may be different to the base theme

Woody, 29, Stafford, UK | If I helped you out, mark it as the solution and drop me a thumbs up! | This is just a hobby for me, not my full-time job, so tips are greatly appreciated! paypal.me/woodybruh | Developer for AimShop.com | Owner of WoodyDevelopments | Try the best Shopify page builder
paramveersb
Visitor
2 0 1

https://www.boneinlayfurnitures.com/ , can you look at my store for the same issue of "Properly size images" on page speed insights?

As i couldn't find the code you provided in this thread earlier.