I would like to change the background color to white, and the button to black color - how do i go about doing this?
www.audette.store (code: test)
I would like to change the background color to white, and the button to black color - how do i go about doing this?
www.audette.store (code: test)
Hi @withaudette ![]()
I’m Ellie from BOGOS, #1 Shopify Promotion App (Gifts, Bundles, Upsells, Discounts)
Could you please confirm the following for me? So that I could help you with my CSS code
Do you want to change the cart background color from the current cream to white?
Is the button you’d like to change to black the “Check Out” button?
Do you have any preferences regarding the rainbow line you’ve highlighted in blue?
Thank you!
Hey @withaudette
Ellie again from BOGOS, #1 Shopify Promotion App (Gifts, Bundles, Upsells, Discounts)
Regarding my question 1 & 2, if your answer is yes, please follow my steps below:
Step 1. Go to Online Store
Step 2. Find “…” (next to “customize” button" → click “Edit Code”
Step 3. Find “theme.liquid” file
Step 4: In the bottom of the file → find tag → add this code above tag:
.mini-cart__inner {
background-color: #fff !important;
}
.mini-cart__footer .button-container .button {
background: #000 !important;
}
*Result:
If my code worked, appreciate if you could Like and Accept as Solution!
Hello @withaudette
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> component-cart-drawer.css
add this code at the end of the file and save.
.mini-cart__header {
background-color: white !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Hi! Yes this is exactly what i wanted, however after implementing the code, it still didn’t work
Hi @withaudette
Could you please take a screenshot of where you placed my code? Also, could you confirm if it’s added above the tag at the bottom of the file?
Hi @withaudette
Please:
delete the in the line 276
add this code in the line 285
If my code worked, appreciate if you could Like and Accept as Solution!
Hi, it still doesn’t work for me ![]()
Hi @withaudette
Please delete 2 lines I note in red below (delete, not add).
There’s also a problem with the code you add above (the @media screen… one). It’s wrong and affecting my code below so it didn’t work. Please add one more “}” in the 2 lines as I have circled in green.
The correct line shouldn’t be “}”, but should be:
}}
@withaudette , The correct result should be like this
Let me know if it worked or not
Thank you! It works now, would you know how to change the rainbow line to black?
Hi @withaudette
Ellie again from BOGOS, #1 Shopify Promotion App (Gifts, Bundles, Upsells, Discounts)
After do all these above, please:
.free-shipping__progress--success:after {
background: #000 !important;
}
*Result:
If my code worked, appreciate if you could Like and Accept as Solution!
This might need a more advanced custom code or a third-party app to do this
You can create another post to ask the community about it ![]()
Thank you!!
Two things I might need help:
Would you happen to know how to change the text font and color for this part:
![]()
I want to change BLUSH BUTTER font to SHADE: MERCI font (and in black color), and to change
SHADE: MERCI font color to black, how do i go about doing that?
Second:
To change the cart title to add in the product count beside and to change font to same as SHADE:MERCI font
![]()
Thank you so much, your help is appreciated ![]()
Hi @withaudette, Could you mark my first reply with code as a solution, then start a new topic for your new questions?
I’ll help you out, but the community rule encourages members to create a new topic if you have any other questions
Thank you very much first ![]()

got it! Will do it now thank you