Sense Theme Collection List Size

growinggracecre
Visitor
1 0 0

Hi! I am trying to change the size of the cards in the collection list. They are too big and would like to make them smaller. Any tips on how? 

 

This is my site for reference: https://growinggracecreations.com/

Reply 1 (1)

BSS-Commerce
Shopify Expert
3401 450 503

Hi @growinggracecre ,

To minimize the cards in your collection list, you can do it in the following way
- In the admin, go to Online store -> Themes -> Edit code

view - 2024-01-02T113135.412.png

- then search for base.css

view - 2024-01-02T113209.163.png

- Next find @media screen and (min-width: 990px) then adjust max-width according to your requirements
eg: max-width: calc(25% - 117px* 3 / 4); I replaced var(--grid-desktop-horizontal-spacing) with 117px, increasing the size of the cards becomes smaller.
----
Result:
Before

view - 2024-01-02T113302.836.png

After

view - 2024-01-02T113327.373.png

Hope it helps @growinggracecre 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development