Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
This is an accepted solution.
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.
This is an accepted solution.
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!
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;
}
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
This is an accepted solution.
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 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!
This is an accepted solution.
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
These are the ones I have under asset, could you please refer me to the correct folder?
Learn how to expand your operations internationally with Shopify Academy’s learning path...
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