Shopify themes, liquid, logos, and UX
Hi please can someone give me the correct code to make my product images full width like the below site, I am using the Dawn theme
Solved! Go to the solution
This is an accepted solution.
yes please try this code
.product-grid.negative-margin--small {
margin-left: 0px;
}
.product-grid .grid__item {
padding-left: 0px;
}
yes, please share your store url so i will check and update
thanks for url can you please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/template-collection.css ->paste below code at the bottom of the file.
.collection.page-width {
padding: 0;
}
sorry i can't see your attachment
Here it is
@KetanKumar Can you help me remove the white gaps between images? This is the template-collection.css
This is an accepted solution.
yes please try this code
.product-grid.negative-margin--small {
margin-left: 0px;
}
.product-grid .grid__item {
padding-left: 0px;
}
And would you be able to make it so the product image and the logo are to the far left of the screen (no white gap on the left) Thank you
yes please try this code
.product-section section.page-width {
padding: 0px;
}
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024