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
Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024Note: Customizing your CSS requires some familiarity with CSS and HTML. Before you cust...
By JasonH Aug 12, 2024