Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Reduce space between product images


Ptphotography

Question

  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

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-ro

Updated my code.

Thanks @creedon

4 answers to this question

Recommended Posts

  • 1

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.

Edited by creedon
version 2, add mobile rule

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to post
  • 0
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;
    
    }
  }

 

 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...