How can I increase the space between collection cards in Dawn?

[Bird_on_a_Wire]

Hello,

I would like to increase the space between my collection cards (https://e1c8d3.myshopify.com/collections ) - see screenshot below

So that it matches the spacing on my product collection page - see below https://e1c8d3.myshopify.com/collections/available-artworks

SITE: https://e1c8d3.myshopify.com/collections 

PASSWORD: thaits 

Is anyone able to assist?

Thanks!

[GemPages · Accepted solution]

Hello @Bird_on_a_Wire 

It's GemPages support team and glad to support you today.

I would like to give you a solution to support you.

1. Go to Online Store -> Theme -> Edit code.

2. Open your theme.liquid theme file.

3. Paste the below code before </body>:

<style>
   .collection-list-wrapper slider-component ul{
      margin-left: -5px;
      margin-right: -5px;
   }
   .collection-list-wrapper slider-component ul li{
      padding-left: 5px;
      padding-right: 5px;
   }
</style>

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

[Bird_on_a_Wire]

Thanks @GemPages that works!

[SaraM]

Hi @Bird_on_a_Wire!

You are using Dawn theme, so you can change grid gap by Theme Settings.
You can go to Customize > Theme Settings > Layout > Grid and change horizontal space.
I hope this helps!

Best Regards,

Sara

[killerpresets]

Much better than editing code IMO! Thanks for the info!

[WCTiles]

Hi,

We are using Dawn theme and there is no: Customize > Theme Settings > Layout > Grid

There is: Customize > Theme Settings > Layout & styling but it only displays "Content maximum width"

Do you know if the grid section has been moved?