Hello, I need help to make my collection list boxes smaller. I provided a photoshopped image I made for reference of what I am talking about. I want to keep however many I boxes in a row I choose with a desired custom size if possible. A slider to adjust the size of the boxes would be nice. My stores URL is petsandmore-2277.myshopify.com
and the password is affuas. Thank you!
If you don’t like the layout of a specific theme or it doesn’t fit with your brand, you should look elsewhere. www homedepot com survey
I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.
Please add this css in your bottom of the base.css file:
@media screen and (min-width: 990px) {
.grid–4-col-desktop .grid__item { width: calc(20% - var(–grid-desktop-horizontal-spacing) * 4 / 5) !important; max-width: calc(20% - var(–grid-desktop-horizontal-spacing) * 4 / 5) !important;}
}
Regards,
San
Thank you for your reply! Unfortunately that code didn’t seem to work and instead just made it so there were 5 boxes in a row instead of just making them smaller. Matter of fact, if I could just get a code that allowed me to put an endless amount of collections and had an arrow to go through them that would work as well. But preferably smaller boxes.
It helped me on a current project, thank you!
