Remove the left padding from the images of my product page on Dawn

[tikastefano65]

 I used this code that worked for the images but also took the padding off the header and footer.

I am looking at something like this:

https://uk.stussy.com/collections/new-arrivals/products/115746-beach-shell-wrinkled-nylon-black

{%- if template.name == 'product' -%} <style> .page-width { padding-left: 0px !important; } </style> {%- endif -%}

Thanks in advance!

[EcomGraduates]

To apply the padding change only to the images on your product page without affecting the header and footer, you can target the specific element containing the images. Here's a refined approach:

{%- if template.name == 'product' -%} 
  <style>
    .product-images-container {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
  </style>
{%- endif -%}

Make sure to replace .product-images-container with the actual class or ID of the element containing your product images if it's different. This way, only the images will have the padding removed, leaving the header and footer untouched.

[tikastefano65]

Hi, thank you for your help!

I can't tell the class or ID of the container. I used  .product__media-list , product__media-wrapper and page-width. None of them worked. I can't tell the name of the container.

https://95b2e2-2d.myshopify.com/products/san-francisco-1-copy-copy-copy

The theme is Dawn.