changing the size of products grid images in brooklyn theme

Solved
dergham
Tourist
8 0 1
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 :)
 
 
 

Screenshot_20200603-175734_Samsung Internet.jpg2222.jpg
KetanKumar
Shopify Partner
14259 1659 5139

This is an 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;
}
}
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

This is an 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;
}
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
dergham
Tourist
8 0 1

works like charm many thanks !! 

0 Likes
Moriah_Mattix
Tourist
6 0 2

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!

 

Screen Shot 2021-01-25 at 3.39.02 PM.png

KetanKumar
Shopify Partner
14259 1659 5139

@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.

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
Moriah_Mattix
Tourist
6 0 2
Seababyclothing.myshopify.com

Password is:aloha

Thank you!
0 Likes
KetanKumar
Shopify Partner
14259 1659 5139

@Moriah_Mattix 

do you have  live this?

KetanKumar_0-1611674645576.png

 

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
Moriah_Mattix
Tourist
6 0 2

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!

0 Likes