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
Learn 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, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025