I need Full width product images

[MarcusGoku]

Hi please can someone give me the correct code to make my product images full width like the below site, I am using the Dawn theme 

https://www.picante.shop/ 

[MarcusGoku]

@KetanKumar 

[KetanKumar]

@MarcusGoku 

yes, please share your store url so i will check and update

[MarcusGoku]

https://4y7415s9o9kzgozn-25887524.shopifypreview.com/

[KetanKumar]

@MarcusGoku 

thanks for url can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/template-collection.css ->paste below code at the bottom of the file.

.collection.page-width {
    padding: 0;
}

[MarcusGoku]

Thanks, is there any way you can remove the white gap between the pictures?

[image: Screenshot 2021-11-17 at 13.41.35.png]

[KetanKumar]

@MarcusGoku 

sorry i can't see your attachment 

[MarcusGoku]

Here it is 

[MarcusGoku]

And would you be able to make it so the product image and the logo are to the far left of the screen (no white gap on the left) Thank you

[KetanKumar]

@MarcusGoku 

yes please try this code

.product-section section.page-width {
    padding: 0px;
}

[MarcusGoku]

@KetanKumar 

[MarcusGoku]

@KetanKumar Can you help me remove the white gaps between images? This is the template-collection.css 

[KetanKumar · Accepted solution]

@MarcusGoku 

yes please try this code

.product-grid.negative-margin--small {
    margin-left: 0px;
}
.product-grid .grid__item {
    padding-left: 0px;
}