How to add spacing between Collections in Collection Page

[IntechCarl]

Hi everyone,

I have changes the photos of my collections in my collection pages, but the problem is they are sticking with each other, is there a way to add spacing between my collection images? See photo for reference:

Store Preview Url: https://0tom0bitnjf5bzka-13830324282.shopifypreview.com

[Moeed · Accepted solution]

Hey @IntechCarl 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (max-width: 767px) {
ul#Slider-template--15540143357995__2e58821f-a310-4ba5-b4e2-a14c61b00401 {
    column-gap: 1rem !important;
    row-gap: 1rem !important;
}
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[oscprofessional]

Hi @IntechCarl ,

Go to Online Store > Themes > Actions > Edit Code > base.css

Add below code at the bottom of  base.css  file

.collection-list.contains-card.contains-card--collection {
    gap: 1rem;
}