Reduce space between product images

Add the following to Design > Custom CSS.

@media screen and ( min-width: 768px ) {

  .products.collection-content-wrapper .list-grid {
  
    grid-column-gap: 0;
    column-gap: 0;
    grid-row-gap: 0;
    
    }
  }

@media screen and ( max-width: 767px ) {

  .products.collection-content-wrapper .grid-item {
  
    margin-bottom: 0;
    
    }
  }

Let us know how it goes.

Updated my code.

12 minutes ago, creedon said:

Add the following to Design > Custom CSS.

@media screen and ( min-width: 768px ) {

  .products.collection-content-wrapper .list-grid {
  
    grid-column-gap: 0;
    column-gap: 0;
    grid-row-gap: 0;
    
    }
  }

Let us know how it goes.

Thank you @creedon, this made me happy! Your code work as always.

Last thing, you also help me the code to apply the same effect on mobile? I tried the code below but it didn't work 😅

@media only screen and (max-width: 600px) {

  .products.collection-content-wrapper .list-grid {
  
    grid-column-gap: 0;
    column-gap: 0;
    grid-row-gap: 0;
    
    }
  }

2 hours ago, creedon said:

Updated my code.

Thanks @creedon