Dawn Theme: How to increase boarder (white space) in collection grid

Store Design
1

Hello, I’d like to increase border space between the product cards on collection pages, desktop only.

Any suggestions?

1 Like
2

Hi @nd500 ,

Please share your store URL and if your store is password protected then please provide password too.
You can take a picture of the place you want to edit.

So that we can help you.

3

@nd500

Please share your store URL & password also share the screenshot of what do you want!

Thanks!

4

Welcome to shopify community. Please share your store URL and if your store is password protected then please provide password too. Thank you.

1 Like
5

Here is the link: https://bit.ly/3Ca5DmR

I’d like to increase border space between the product cards on collection pages, desktop only.

If the distance between the cards is around 20px - great! If the site max width will increase (on desktop), it’s ok

6

Please add below css in bottom of assets/base.css file

@media screen and (min-width: 750px)

.grid__item {
padding-left: 20px;

}

Thank you.

7

Hello, thank you. I only need to increase the space between the product cards on collection pages, desktop only. https://bit.ly/3Ca5DmR

How can I control the distance between the product cards in the grid? It should not affect other pages.