Make Product Image Occupy All Left Side

Solved

Make Product Image Occupy All Left Side

martujv
Pathfinder
143 2 34

Hello! 

 

Basically, I want the product images on the product page (desktop version only) to occupy the whole left side of the screen, without the white gap on the left.

 

I attach an image for reference:

 

- The blue line shows the natural limits of the product images

- The green lines show the white gap that shouldn't be there, instead the image should occupy also that part

 

9B004C99-F8B1-43AE-909F-7F82D5D80514.JPEG

 

My website is https://n6ia1fdm0ovh4srq-60150284501.shopifypreview.com and my theme is Stiletto

Accepted Solution (1)

Asad-Mahmood
Trailblazer
156 33 38

This is an accepted solution.

Go yo your online store ->  Customize  -> settings -> custom css and paste this code there

@media (min-width: 960px) {
    .product {
        margin-bottom: var(--spacing-16);
        padding: 0 3.3vw;
        padding-top: 0px;
        padding-right: var(--space-outer);
        padding-bottom: 0px;
        padding-left: 0px;
    }
}

 

AsadMahmood_0-1722698560880.png

 



If my solution has been helpful, you can consider supporting me via Buy Me a Coffee.
Hire me: asadmahmood8470@gmail.com
WhatsApp





View solution in original post

Replies 2 (2)

Asad-Mahmood
Trailblazer
156 33 38

This is an accepted solution.

Go yo your online store ->  Customize  -> settings -> custom css and paste this code there

@media (min-width: 960px) {
    .product {
        margin-bottom: var(--spacing-16);
        padding: 0 3.3vw;
        padding-top: 0px;
        padding-right: var(--space-outer);
        padding-bottom: 0px;
        padding-left: 0px;
    }
}

 

AsadMahmood_0-1722698560880.png

 



If my solution has been helpful, you can consider supporting me via Buy Me a Coffee.
Hire me: asadmahmood8470@gmail.com
WhatsApp





martujv
Pathfinder
143 2 34

Amazing, it worked! Thank you