Ptphotography Posted January 12, 2021 Share Posted January 12, 2021 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 comment
creedon Posted January 12, 2021 Share Posted January 12, 2021 (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, 2021 by creedon version 2, add mobile rule Ptphotography 1 Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
Ptphotography Posted January 12, 2021 Author Share Posted January 12, 2021 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 comment
creedon Posted January 12, 2021 Share Posted January 12, 2021 Updated my code. Ptphotography 1 Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
Ptphotography Posted January 12, 2021 Author Share Posted January 12, 2021 2 hours ago, creedon said: Updated my code. Thanks @creedon creedon 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment