Hi, the template for the theme I purchased only allows for two products side by side with a filtering sidebar on the collections page. I’m not too keen on having the sidebar but when I remove it, the product images become massive. I would like to know how I can increase the number of columns from two to four so I can display more products at once and the user won’t have to scroll forever to see all products. Thanks for your help!
Hi @Jac_Lindsay
Usually it will has option in your Online store > Themes > Customize > click dropdown at the top > Collections > Default collection > Product grid and check option around.
Hi, you can try to add this code to your grid.css file to make it appear in 3 columns
.col-6 {
flex: 0 0 33% !important;
max-width: 33% !important;
}
Yes, awesome, thank you! That did the trick 
Happy I could help!
Hi Dan, It seems to have affected the display of my email sign up forms at the bottom of the collections pages - can I assign different code to this so that it goes back to being centred?
Please update code like this so it will change on your products only
.collection .col-6 {
flex: 0 0 33% !important;
max-width: 33% !important;
}
Didn’t have any luck with that one - it reverted back to two product images side by side. I might go back to the first code and just remove the newsletter sign up from collection pages if I can. Thanks Dan
Could you share your store link to check?
Is this all you need? https://44cbcd.myshopify.com/ (Pword: naofla)
Also was hoping to have four columns so I had adjusted your code to 25%
I tried this code and it worked. Could you try to add code, save file, clear your browser cache or check the result in Incognito browser?
.collection .col-6 {
flex: 0 0 33% !important;
max-width: 33% !important;
}
Yes, if you want 4 columns, just change to 25%
Hmmm still no luck, I deleted it and saved and pasted code again, cleared cache and tried incognito browser but still no luck. I don’t want to take up too much of your time so appreciate your help.
Could I sent request to access your store so I can check and help you?
You caused the issue by removing close bracket of this check screen. Please add more } right before the code your add and then check again.
Ah yes!!! Thank you. That’s fixed it. Apprciate your help so much!
1 Like
Hi Dan,
Do you know how i can increase the size and make it like the example below?
My website: https://c04baf-2.myshopify.com/
Pass: Diversusoficial
Reference website: https://www.manieredevoir.com/collections/mens-new-in
