Shopify themes, liquid, logos, and UX
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
My website is https://n6ia1fdm0ovh4srq-60150284501.shopifypreview.com and my theme is Stiletto
Solved! Go to the solution
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;
}
}
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;
}
}
Amazing, it worked! Thank you
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025