How can I resize product images on the Brooklyn theme?

Store Design
1

Hi there,

I want to make my product images smaller. They take up too much of the page and the description is so small. I think i’d like the product images to be about 33% of the page, and the title, description, etc. the other 66+%. Also, is there a way for the thumbnails to be on the left vs beneath the product image??

My website is https://gsroc-shop.myshopify.com/ and password is Gsroc123$

Thank you!

1 Like
2

@andreakennedy44

yes please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.
.grid__item.large--seven-twelfths.medium--seven-twelfths.text-center {
    width: 33.333%;
}
.grid__item.product-single__meta--wrapper.medium--five-twelfths.large--five-twelfths {
    width: 66.666%;
}