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!
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;
}
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!
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.
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!
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!
