Ptphotography 25 Share Posted January 12 Hello, I hope everyone is doing well. Can anyone please help me with the code to remove the space between the product images. https://ptphotography.squarespace.com/destination-trial Thank you in advance, K Link to post
1 creedon 547 Share Posted January 12 (edited) 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 January 12 by creedon version 2, add mobile rule Ptphotography 1 Hello I'm Thomas. I've been getting websites up and running for 27 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need. Link to post
1 creedon 547 Share Posted January 12 Updated my code. Ptphotography 1 Hello I'm Thomas. I've been getting websites up and running for 27 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need. Link to post
0 Ptphotography 25 Author Share Posted January 12 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
0 Ptphotography 25 Author Share Posted January 12 2 hours ago, creedon said: Updated my code. Thanks @creedon creedon 1 Link to post
Question
Ptphotography 25
Hello,
I hope everyone is doing well.
Can anyone please help me with the code to remove the space between the product images.
https://ptphotography.squarespace.com/destination-trial
Thank you in advance,
K
Link to post
Top Posters For This Question
3
2
Popular Days
Jan 12
5
Top Posters For This Question
Ptphotography 3 posts
creedon 2 posts
Popular Days
Jan 12 2021
5 posts
Popular Posts
creedon
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
creedon
Updated my code.
Ptphotography
Thanks @creedon
4 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment