How can i change the background color of the refresh theme template on shopify

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

What do you mean? You can apply a color scheme to any section.

@Papipench0

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 :laptop:

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!