Shopify themes, liquid, logos, and UX
Hello,
I would like to change the background color of the body of my Collection pages - if I go to change it in Settings it changes the Header background too which I do not want
Store: https://vanislandwhale.myshopify.com/
Page in question: https://vanislandwhale.myshopify.com/collections/all
Thank you!
Solved! Go to the solution
This is an accepted solution.
Hi @VanIslandWhale , Go to theme.css and add the following code:
div#shopify-section-collection-template {
background-color: #010101 !important;
}
This is an accepted solution.
Hi @VanIslandWhale , Go to theme.css and add the following code:
div#shopify-section-collection-template {
background-color: #010101 !important;
}
Thank you!
Glad I helped, feel free to contact me if you need any help.
Ok I found a new issue. When I add it to Theme.css and save it, it is not visible on my site. If I add it to the custom CSS box under Theme Settings I can see it, but I cannot save it.
It also appears to be changing part of my Header - note the sand color on either edge of Products.
I am adding he code as follows:
div#shopify-section-collection-template {
background-color: #d4cbb0 !important;
}
@VanIslandWhale , try to added to the theme.liquid at the bottom above the </body> tag like this :
<style>
div#shopify-section-collection-template {
background-color: #010101 !important;
}
</style>
Ok perfect it is now visible! The only issue now is the orange does not extend all the way across the top as seen here:
https://vanislandwhale.myshopify.com/collections/all
I'd like the whole area where it says "Products" to be the same color if possible
@VanIslandWhale , add this to the previous code :
#shopify-section-collection-template .section-header {
background-color:#d4cbb0 !important;
}
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025