How can I make my cart dropdown non-transparent on Dawn theme?

Store Design
, , , ,

Topic summary

A user wants to remove transparency from the cart dropdown in the Dawn theme and make it white.

Solution provided:

  1. Navigate to: Online Store → Theme → Edit code
  2. Locate the component-cart-notification.css file
  3. Add the following CSS code:
#cart-notification {
  background-color: #fff;
}

This CSS targets the cart notification element and sets a solid white background, replacing the default transparent styling.

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

So when i add something to my cart, the cart is transparent, how do i change the background to white with code?

Theme: Dawn

Website: desire-online.net

Screenshot (409).png
Screenshot (409).png1920×1080 242 KB

2

Hello @jakegrieveson ,

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your component-cart-notification.css.css file and paste the following code below:

#cart-notification {
    background-color: #fff;
}

Thanks