Make homepage collection images bigger in brooklyn theme

Highlighted
New Member
1 0 1

How can I make the collection images bigger on my homepage? I'm not fussed if there is some grey border but I would like the images to take up more of the space

ribblevalleyspas.co.uk

1 Like
Highlighted
Shopify Partner
7473 1034 2598

Hello, @LCARTER93 

Welcome to the Shopify community!
and Thanks for your Good question. 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

 

.grid-collage .grid-product__image-link {
    padding: 0;
background-color: transparent;
}
.product--wrapper {
    max-width: 100% !important;
}
.product--image {
max-width: 100% !important;
    max-height: 100% !important;
}

 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes