Can Someone Help Me?

Topic summary

A user seeks help changing their Shopify cart drawer styling: white text color, black button with white outline. The site is repsell.store.

Initial Solution Attempt:

  • First responder provides CSS code for base.css file targeting cart checkout button and drawer elements
  • Partial success: one element works, but other parts fail and the item counter becomes blank

Working Solution:

  • Second responder provides complete fix using custom CSS inserted in theme.liquid file above tag
  • Code targets cart drawer footer, checkout button, and item counter styling
  • Solution successfully resolves all styling issues

Status: Resolved. User confirms the second solution works and thanks the helper.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.

How do I change the cart drawer text color to white and the button color to black with a white outline and my website is repsell.store

Hi @xavierrrr222

I hope you are well.

You can use the code below here to your base.css file in your theme code.

.drawer__footer .cart__checkout-button{
   color: #fff;
    background: #000;
    border: 1px solid #fff;
}
button#CartDrawer-Checkout:after{
    box-shadow: none;
}
cart-drawer-items *{
color: #fff;
}

I hope it can help. Thank you so much!

Best,

Daisy - Avada Support Team.

It worked for the one part but the other parts didn’t work and also the item counter went blank.

@xavierrrr222 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above


Result:

If it helps you, please like and mark it as the solution.

Best Regards :blush:

It helped thank you.

Glad to help you!