[Dawn Theme] How do I change background color and add a border to Added to cart popup?

Store Design
, ,

Topic summary

A user seeks to customize the “Added to cart” popup in Dawn theme by changing its background color and adding a border to make it stand out better against their website’s backdrop.

Initial Solution Attempt:

  • One responder suggested adding CSS to theme.scss.liquid or theme.css file targeting .cart-popup class
  • Included properties for background-color, border, border-radius, and padding
  • This solution did not work for the original poster

Working Solution:

  • Another user provided CSS targeting div#cart-notification specifically
  • Code to add in base.css file:
    • background-color: black;
    • border: 1px solid white;
  • Before/after images were shared showing the successful implementation

The key difference appears to be using the correct selector (#cart-notification) rather than .cart-popup for Dawn theme’s cart notification element.

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

Sorry, this did not work.