Thank you! This worked to increase the margins on either side like I was hoping, but unfortunately now the previous piece of code to override the settings and allow just one column isn't working.
This was what I was using.
@media screen and (min-width:768px) {
.products.collection-content-wrapper .list-grid {
grid-template-columns: repeat(1,minmax(0,1fr)) !important;
}
}
Is there a way to make them work together?
Thank you!