Solved

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

RosalynnSkin
Explorer
62 0 22

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!

 

RosalynnSkin_0-1644277720552.png

 

Accepted Solutions (2)
AR-Dev
Shopify Partner
14 4 5

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.

If you found this post helpful, please Like and Accept Solution. Thank you!
Send me a private message if you want to hire me for theme customization/development, troubleshooting, etc.

View solution in original post

infoatcodelab7
Shopify Partner
593 141 147

This is an accepted solution.

@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!

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com

View solution in original post

Replies 11 (11)

AR-Dev
Shopify Partner
14 4 5

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

If you found this post helpful, please Like and Accept Solution. Thank you!
Send me a private message if you want to hire me for theme customization/development, troubleshooting, etc.
RosalynnSkin
Explorer
62 0 22

@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

AR-Dev
Shopify Partner
14 4 5

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;

}

 

If you found this post helpful, please Like and Accept Solution. Thank you!
Send me a private message if you want to hire me for theme customization/development, troubleshooting, etc.
RosalynnSkin
Explorer
62 0 22

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 

RosalynnSkin_0-1644352211341.png

 

AR-Dev
Shopify Partner
14 4 5

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.

If you found this post helpful, please Like and Accept Solution. Thank you!
Send me a private message if you want to hire me for theme customization/development, troubleshooting, etc.

infoatcodelab7
Shopify Partner
593 141 147

@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!

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com
RosalynnSkin
Explorer
62 0 22

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

RosalynnSkin_0-1644352108307.png

 

infoatcodelab7
Shopify Partner
593 141 147

This is an accepted solution.

@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!

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com
Mir96
Tourist
8 0 1

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

infoatcodelab7
Shopify Partner
593 141 147
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!
Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com
Mir96
Tourist
8 0 1

Mir96_0-1653301361973.pngMir96_1-1653301401557.pngMir96_2-1653301421574.pngMir96_3-1653301442323.pngMir96_4-1653301467992.png

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