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;
}
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024