Unable to change background color of "Added To Cart" Pop-up notification in Dawn Theme.

Solved

Unable to change background color of "Added To Cart" Pop-up notification in Dawn Theme.

Naveen21
New Member
4 0 0

Screenshot 2024-04-19 182346.png

Screenshot 2024-04-19 185324.png

The colour scheme I chose in the cart theme settings differs from this one. I have tried saving it multiple times, yet it shows the same.

Accepted Solution (1)
ThePrimeWeb
Shopify Partner
2139 616 529

This is an accepted solution.

Hey @Naveen21

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
div#cart-notification {
    background-color: #fff !important;
}

a#cart-notification-button {
    background-color: #fff !important;
    border: 1px solid #222 !important;
}

a#cart-notification-button:before,
a#cart-notification-button:after {
    display: none !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1713534351333.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 4 (4)

ThePrimeWeb
Shopify Partner
2139 616 529

Hey @Naveen21,

 

Can you share the link to your store please? Thanks!

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Naveen21
New Member
4 0 0
ThePrimeWeb
Shopify Partner
2139 616 529

This is an accepted solution.

Hey @Naveen21

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
div#cart-notification {
    background-color: #fff !important;
}

a#cart-notification-button {
    background-color: #fff !important;
    border: 1px solid #222 !important;
}

a#cart-notification-button:before,
a#cart-notification-button:after {
    display: none !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1713534351333.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

PageFly-Henry
Shopify Partner
1184 335 300

Hi @Naveen21 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

div#cart-notification {

    background: white !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.