changing the size of products grid images in brooklyn theme

[dergham]

hey all

please i need your help with something that  I searched and tried many ways to solve but i could not ..i am using a BROOKLYN theme in my store and the products images in grids look small as shown in the photo i attached ( it is an example of my images size ) , i understand that happen because i am using a rectangular images while the theme is designed as a square dimensions images but i believe that there is a way to do that  , i need to enlarge it in the featured collection and in the collections pages . 

 please can you help me with this ? many thanks in advance :)

https://inoutletfashion.myshopify.com/

[KetanKumar · Accepted solution]

Thanks @dergham 
Welcome to the Shopify community!

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

@media (max-width:768px) {
.product--wrapper {
max-width: 100% !important;
}
.product--image {
max-width: 100% !important;
}
}

[oscprofessional · Accepted solution]

Hello @dergham,

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media screen and (max-width: 590px) {
#shopify-section-featured-products .product--wrapper {
    max-width: 100%!important;
}
#shopify-section-featured-products img.product--image {
    max-width: 100%!important;
}
}

[dergham]

works like charm many thanks !! 

[Moriah_Mattix]

Hi! How would you do this in the Express theme? I am having the same issue. Here is what my photos look like now. 

I want the photo to be about 8x10 with the description below. Thank you!

[KetanKumar]

@Moriah_Mattix 

Sorry for facing this issue, it's my pleasure to help us.

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

Please share your site URL,
So I will check and provide a solution here.

[Moriah_Mattix]

Seababyclothing.myshopify.com

Password is:aloha

Thank you!

[KetanKumar]

@Moriah_Mattix 

do you have  live this?

[Moriah_Mattix]

Yes, I want it to look like that! How do I get there? I tried adding the code above many posts up but that didn’t work. 

Thank you for your help!