Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hi, I want to edit the background image of the product section in my Shopify store's home page and I am using Dawn theme. Please refer the image provided below:
Solved! Go to the solution
This is an accepted solution.
Oh, sorry, I missed this notification.
Please replace the code you added with this code.
.collection.section-template--22571367137596__featured_collection-padding {
background-image: url(/cdn/shop/files/Untitled_design.png?v=1727285585);
background-color: transparent;
background-position: top left;
background-size: cover;
}
And save.
Result:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Hi @shamsnisa
Have you managed to solve it already?
HI @Made4uo-Ribe yes I changed the background but the whole page background got changed I didn't manage to change the product section background only (check the arrow in the image). Looking for the solution.
This is an accepted solution.
Oh, sorry, I missed this notification.
Please replace the code you added with this code.
.collection.section-template--22571367137596__featured_collection-padding {
background-image: url(/cdn/shop/files/Untitled_design.png?v=1727285585);
background-color: transparent;
background-position: top left;
background-size: cover;
}
And save.
Result:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Hey @Made4uo-Ribe can you please help I want to change background image of products section only as shown in image with arrow
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025