Shopify themes, liquid, logos, and UX
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
If it’s helpful to you, please mark it as a solution.
Need Help with Shopify Design, Migration, Speed, or Custom tasks?
email: [email protected]
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin
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.
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024