How to change the layout of my product grid?

[Covenlunatic]

Hello! I use the theme Brooklyn and my product-grid looks like this:

I would like to change the grid to the same style as my "You may also like" grid, but having 3 products for each row instead of 4, I dont like the grey boxes around my items and it looks messy when you have a lot of products when they are not the same size, so is it a way for me to change it from the two row grid with different sizes and grey boxes to this look but with 3 products instead of 4:

I like the overview of all my categories, its just the grids when I click on the different categories that I dont like.

This is my page: https://covenlunatic.myshopify.com/collections/all-products

Password: lunatic

It would be really nice if someone know what to do about this!

- Sandra, Coven Lunatic

[Anthony_David_]

Hi @Covenlunatic 

On snippet -> product-grid-item.liquid

Find this -> medium--two-thirds large--two-thirds" and Replace with -> medium--one-third large--one-third

Thanks

[Covenlunatic]

I tried doing this but nothing happened, I can make you staff and let you try! Thanks 🙂

[Anthony_David_ · Accepted solution]

Hope its fixed.

Thank you

[Covenlunatic]

Thank you for your help, it looks amazing now!

[lulularue]

Hi,

I tried the same thing and it didn't fix it.  What was the fix?

Thanks!

[MADXOSTYLES]

Hi! I have the same theme and am having extreme difficulty fixing this. When you're on the mobile version of my site, madxostyles.com and I don't like how when you scroll through all products and it only shows one product for row instead of four. I would like to maybe shrink the photo sizes so we can show more when scrolling. I couldn't find snippet either in settings.

Should I schedule a session or can you walk me through this?

My theme is BROOKLYN as well 

Thanks,

Madi