How can I code full width product images on the Dawn theme?

Store Design
1

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/

2

@KetanKumar

3

@MarcusGoku

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

4

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

5

@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;
}
6

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

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

7

@MarcusGoku

sorry i can’t see your attachment

8

Here it is

Screenshot 2021-11-17 at 15.22.27.png
Screenshot 2021-11-17 at 15.22.27.png2110×806 177 KB

9

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

Screenshot 2021-11-17 at 15.23.42.png
Screenshot 2021-11-17 at 15.23.42.png1702×1172 114 KB

10

@MarcusGoku

yes please try this code

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

@KetanKumar

12

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

Screenshot 2021-11-17 at 15.22.27.png
Screenshot 2021-11-17 at 15.22.27.png2110×806 177 KB

13

@MarcusGoku

yes please try this code

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