Changing Elements in the cart drawer

Store Design

Topic summary

A user is customizing the cart drawer in Dawn Theme and has successfully changed the background color to red using CSS code. However, two styling issues remain:

Outstanding customization needs:

  • Change the quantity selector background from black to red (to match the cart drawer background)
  • Change the ‘estimated total price’ text color from dark orange to white

The user shared their current CSS code (displayed reversed/mirrored in the post) and included screenshots showing the elements needing adjustment.

Current status:
Two support teams offered assistance and requested the store URL and access password to provide specific solutions. The user then discovered that Dawn 15 allows changing the slide cart color directly through theme settings, potentially resolving the issue without custom code.

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

Hi there,

I used some code I found in this section for another person to change the background of the cart drawer in Dawn Theme.

Basically the code is working, but it’s missing an element that I want to change on my website:

Namely, the quantity selector background I want to change from black to red, same as the background essentially.

404virtues_0-1719326668691.png
404virtues_0-1719326668691.png580×299 19.3 KB

I also want to change the ‘estimated total price’ to white, rather than than the dark orange it is in this picture.

404virtues_1-1719326754163.png

This is the code I’m using as of right now to make the current adjustments.

.drawer__heading { color: white; } .cart-items thead th { color: white; } .cart-drawer .cart-item>td+td { color: white !important; } .cart-item__name { color: white !important; } .drawer.active { color: white !important; } h2.totals__total { color: white !important; } .rte>*:last-child { color: white !important; text-decoration: none; } .drawer.active .drawer__inner { background: red; } .drawer__header { background: red; } .drawer__close { color: white !important; } .cart-drawer .cart-items thead { background: red; } .drawer__footer { background: red; }

Thanks!

2

Hi @404virtues , Can you kindly share your store link with us? We will check it and suggest you a solution if possible.

1 Like
3

Hello.
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

1 Like
4

I just found out in dawn 15 it lets you change the color of the slide cart in the theme settings.

1 Like