How can I change the cart background color in Refresh theme?

[persijnveever]

Hi, I want to change the background of my Refresh Theme.. It’s now black/dark blue and it needs to be white with darkblue text. website = www.supbro.eu and maybe the checkout button darkblue with white text, for the contrast

[suyash1]

@persijnveever - can you please share the password to view page?

[persijnveever]

yes password is supbro123

i also saw that my other buttons are also dark blue now.. maybe you know how to fix that as well? it’s only on my serach result page and my gift card page

[suyash1]

@persijnveever - add this css for cart

.drawer__inner, .drawer__header, .cart-drawer thead, .drawer__footer, .cart-item__quantity .quantity__button{background-color: #fff;}

[suyash1]

@persijnveever - for search and button

input#Search-In-Template {background-color: #fff;}

.product-form__input input[type=radio]+label,
.product-form__input input[type=radio]:checked+label{background-color: #fff;}

[persijnveever]

you are a hero, where do i place them? liquid.theme or?

[suyash1]

@persijnveever - please add to the very end of your base.css file

[persijnveever]

it’s not working.. i put this in base.css section

[suyash1]

@persijnveever - 2 things, please add bracket “}” on line 2931 and add !important to css code so it becomes

.product-form__input input[type=radio]+label, .product-form__input input[type=radio]:checked+label {background-color: #fff !important;}

[persijnveever]

it worked for search button and gift card section! So that’s great.

The only thing that is not working is the cart page with this code

.drawer__inner, .drawer__header, .cart-drawer thead, .drawer__footer, .cart-item__quantity .quantity__button{background-color: #fff;}

How and where do i put this code in? also in base.css?

[suyash1]

@persijnveever - yes and add !important after it too so it becomes

.drawer__inner, .drawer__header, .cart-drawer thead, .drawer__footer, .cart-item__quantity .quantity__button{background-color: #fff !important;}

[persijnveever]

It worked, you are great! The only thing now.. my quantity and check out button are both not visible anymore or in the wrong color.. quantity needs to be the same as the ‘’+‘’ and ‘’-‘’ in color and check out dark blue button with white text..

[suyash1]

@persijnveever - add this

.quantity__input{background: #fff !important;}

.cart-drawer .cart__checkout-button {background-color: #0e1b4d; color: #fff;}

cart-remove-button .icon-remove path{color: #0e1b4d;}

[persijnveever]

I think I did something wrong now the cart is back to how it was, and I don’t know how I fixed it in the first place.. Uhmm do I put the last code you send with the other code? So this

.drawer__inner, .drawer__header, .cart-drawer thead, .drawer__footer, .cart-item__quantity .quantity__button{background-color: #fff !important;}

.quantity__input{background: #fff !important;}

.cart-drawer .cart__checkout-button {background-color: #0e1b4d; color: #fff;}

cart-remove-button .icon-remove path{color: #0e1b4d;}

? because this is not working

[suyash1]

@persijnveever - can you add me as collab? i can send request, because it is quite difficult to solve this from page, I will make sure that it works

[persijnveever]

I added you! Thanks brother

[suyash1]

@persijnveever - looks fine, what error did you get?

[persijnveever]

Hmm I don’t know why, but I see this

[suyash1]

@persijnveever - you are right, something weird, checking it

[suyash1]

@persijnveever - please check