Remove padding on product images shopify DAWN theme

This is what I mean:

This is what I got:

https://posterhaven.net/products/the-stout-misty-train-station-lonesome-poster-wall-art-large-wall-art-canvas-and-print-prints-shop-art-on-wall-home-decor-abstract-artwork

It’s on shopify dawn theme and I can’t seem to get rid of that padding or make the images full witdh :disappointed_face:

1 Like

Hi @SureBuy

TRy this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “theme. Liquid” file. Find the tag and paste the code below before the tag.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like

Awesome! I have been trying for hours couldn’t find it anywhere else.

Also…

The same issue is also on the collection images on the product pages:

Any way to apply it there to?

Add this code.

before the

@media only screen and (max-width: 749px){
product-recommendations.related-products {
    padding-left: 0;
    padding-right: 0;
}

h2.related-products__heading.inline-richtext.h1 {
    padding-left: 1.5rem;
}
}

And save. Or replace all the code below.


and Save.

Result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!