How can I adjust the size of collection list cards in Sense Theme?

How can I adjust the size of collection list cards in Sense Theme?

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 Partner
3477 463 540

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, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency