Delete Space Between Collection Cards (DAWN Theme)

Hello, I am trying to customize a bit more the Web Page I have preview and I am trying to make the Cards in the Home Page part to look like this (original web: shirtz.cool)

I want the collection of products to be all without spaces and with that button type of design but I cannot find where and how to make it. I have coding knowledge (not in shopify) and I would like to learn.

EDIT: MORE INFORMATION ADDED -

This is the section that I want to change (it’s a collection):

Thank you!

HI, @Gorben

  1. Go to online store → theme → edit code.
  2. Open compenent-slider.css
    @media screen and (min-width: 990px) {
    .slider-component-full-width .slider–desktop {
    scroll-padding-left: 1.5rem;

gap: 0 !important;
}
}

Hello, I have tried it but it stills get the same.

I add more information:

Here is a preview of the new design in DAWN: preview

I have changed in the following code the thing you said:

And this is the section that I want to change (it’s a collection):

I will indeed buy you a Pizza :blush: thank you!

Another question that is linked in the Post, to Remove the Below card black space and only put the Image of the product with a button? like in the photo up in the post!

Thanks

It worked! But 2 concerns, now all the cards are changed (I only want it different in home page) and also, how can I make that button smaller?

Thank you!

I have done that and doesn’t change anything new.

The thing is that I want to specify that I want the cards from the main page only done like that. When I go to other parts of the web I want to mantain it as it was.

But how do I add or assign that class to the buttons I want? also the card is also the one that needs a change to make it modify only those specific ones. Thank you