Reformation theme - collection product image size

[AmberWilkinson]

I am trying to get the products in a collection smaller and 8-10 across the desktop

When I select the columns on desktop slider and increase it it doesnt make a difference

HOw can i make it so there are more columns across the desptop

https://jimmysbookclub.com/?_cd=56cbaf46afb84ff651f92d5f4f0c2279b881462dad84e1bb43cd7af831b02942&_uid=77389660254

[Sweans]

Hi @AmberWilkinson ,
To reduce product image size.
Do followiing steps:

1.Go to your Shopify admin panel.

2.Navigate to Online Store > Themes.

3.Find your theme and click on Customize.

4.Click Actions > Edit code.

5.In the left sidebar, under the Layout directory, select app.css line number:942
Search this code:

@media only screen and (min-width: 769px) {
.medium-up--one-fifth {
width: 10% !important;
}
}

Replace with this code:

@media print, screen and (min-width: 66.75em) {
.large-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
}

then save your changes
Result:

I hope this helps! If it does, please like it and mark it as a solution!
If you need further assistance, feel free to reach out!

[AmberWilkinson]

Where do I find this under the Layout directory, select app.css line number:942

[AmberWilkinson]

It was line 924 - i added the code but nothing changed

[AmberWilkinson]

942 doesnt have that entry - 924 does.

@media (min-width: 1024px) { .collection-item { width: calc(100% / 8); /* Adjust this number for 8-10 columns */ } }

Do I delete /* Adjust this number for 8-10 columns */

None of these solutions have been concise.