Hi i am building a website currently and i want to change the background color of the refresh theme. the color is changeable in the settings however when i go to cart or search or some other pages tehre is no way to change that color
I think, this is a common issue with the Shopify Refresh theme. The color settings usually apply to main sections, but cart, search, and some system pages use separate templates or base styles.
1- Customize → Theme settings → Colors
2- Online Store → Themes → Edit code
3- Different pages have unique classes. You can fine-tune
.template-cart {
background-color: #f5f5f5;
}
.template-search {
background-color: #f5f5f5;
}
.template-collection {
background-color: #f5f5f5;
}
But - Cart, search, and drawer components often don’t inherit global settings properly
So manual CSS override is the fix.
Hi @Papipench0
Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.
Best regards,
Devcoder ![]()
hi i been looking on the code of the website but i dont know where to find these ligns
Hi @Papipench0,
Hope you’re doing well!
Go to Edit them > paste this code.
section {
background-color: green !important;
}
Thanks!

