Hi everyone, im trying to get my images to have a smaller gap like the screenshot below. The gaps are quite small and fit the page well but think it needs code. If anyone can help me appreciated my website is
www.john-williams.com and id like it to look like the screenshot added
Add this code in your theme.css file:
.product-list {
--product-list-default-row-gap: 1rem !important;
}
Result:
Hi thanks for trying but gap is too big on this site its very small and tight. www.colebuxton.com
The spacing between the products is perfect. I’m not sure what you’re referring to… You can also add this other code if you want to completely remove the (purple-highlighted) space.
ul#Slider-template--14977883766887__featured_collection {
row-gap: 0px !important;
}
