How can I change accent colors on the cart page only?

Hey

I want to just change the accent colors for the cart page, instead of the light pink I have pointed to witht he black arrows I want to change those accent colors to white, to blend in with the background, I want to do this without changing the accent colors across the whole store.

If someone could help me with this that would be very much appreciated!

1 Like

You just need to adjust your theme’s color settings or add some custom CSS. What theme are you using?

@AR-Dev i beleive I need some custom CSS . Theme is debutify, if i adjust the color theme setting it will change it across the whole store

Try adding this to the custom CSS (Online Store → Customize → Theme Settings → Custom Style/Script → Text field under Custom style):

.cart__row.cart-item.card {

background-color: #ffffff !important;

}

1 Like

@RosalynnSkin

Please add this CSS to your css file

.cart__row.cart-item.card {
    background: antiquewhite !important;
}
.card.large--sticky.medium--sticky.sticky-check-header {
    background: antiquewhite !important;
}

Thanks!

1 Like

It doesnt seem to be white, seems like a yellow tint. @infoatcodelab7

Is there code you can provide that can also switch the seciton thats still in pink? and can I also post in the theme.scss.liquid file? @AR-Dev

Yes, add the following to change the color for the other one:

.card.large–sticky.medium–sticky.sticky-check-header {

background: #ffffff !important;

}

And yes, you can also place the code in the theme.scss.liquid file instead of the custom style section.

1 Like

@RosalynnSkin

Please Add this code to your theme.scss file

.cart__row.cart-item.card {
    background: #fff!important;
}
.card.large--sticky.medium--sticky.sticky-check-header {
    background: #fff!important;
}

Thanks!

1 Like

Hi! I have been trying to change the exact same thing, but I don’t understand where I should put the code? I don’t have an asset file named theme. scss.liquid. Only a theme.liquid in the layout section. Could you please provide some guidance?

Thank you!!

Kind regards,

Miriam

Hi You can find the file Not in Layouts folder. Instead in assets folder.
If it’s not .scss.liquid then search for .css.liquid. that’ll also works.

Thanks!

These are the ones I have under asset, could you please refer me to the correct folder?