Remove padding from product collection and make images bigger desktop

Store Design
, ,
8

@studioseductres

If you want the space on left and right then we have to update whole grid structure of the Dawn theme.
You can try below CSS at the same place but make sure don’t use 105% CSS it should be 100%.

@media screen and (min-width: 750px) {
.collection.page-width {
	padding-left: 14px;
	padding-right: 14px;
}
#product-grid.grid {
	column-gap: 0 !important;
}
#shopify-section-template--24119740629282__product-grid .card__inner.color-accent-2.gradient.ratio {
  width: 100% !important;
  height: auto !important;
}
#product-grid.grid--3-col-desktop .grid__item {
	width: 33.33%;
	max-width:33.33%;
	padding-left:7px;
	padding-right:7px;
}
}

https://prnt.sc/m17KWl0yLYSc Please check the result after add this CSS.

Try above CSS and it will be fixed for you.