Brooklyn Theme - Product Image too large

New Member
1 0 0

Hi! I am new to Shopify and have been building the site just from knowledge on this forum. I'm having trouble finding a code to resize the images on my site. I want to decrease the image size in the collections page as we as the actual product page. I tried using the resize tool in Products tab but it doesn't do anything. Help! Thank you! (PW: noobies)

Shopify Partner
2329 368 1003


Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.scss.liquid and paste this code at the end of this file.

#CollectionSection {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0px 15px;



PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: | Whatsapp
Shopify Partner
1228 157 217

Hi @nailnoob

Please follow the steps:

- Step 1: Go to Online store > Themes > Actions > Edit code.

- Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

@media only screen and (min-width: 769px){

        position: relative;

        width: 83.333%;

        left: 8.333%;


It will help you sync with the content of other pages: Contact Us, Returns & Exchanges,...

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!