Hey I want to change the background color of add to cart pop up window from white to a different color
the site: https://creamcy.com/products/foodie-avocado-deco-phonecase-1
password: teinai
a#cart-notification-button {
background-color: red !important;
color: white !important;
border: none;
}
Add this code in the bottom of the **component-cart-notification.**css file
Hi @lorrnnzo ,
You can follow the instruction below:
- Go to Online Store->Theme->Edit code
- Asset->/component-cart-notification.css->paste below code at the bottom of the file:
.cart-notification-wrapper .cart-notification {
background-color: white;
}
NOTE: Value “white” → you can change to match your theme
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
Hi @lorrnnzo ,
You can follow the instruction below:
- Go to Online Store->Theme->Edit code
- Asset->/component-cart-notification.css->paste below code at the bottom of the file:
#cart-notification-form .button--full-width {
background-color: white !important;
color: black !important;
}
NOTE: Value “white and black” → you can change to match your theme
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
Thank you it worked!
I have the last question which is how to change the font size of the product in collection page?
Hi @lorrnnzo ,
You can follow the instruction below:
- Go to Online Store->Theme->Edit code
- Asset->/component-card.css->paste below code at the bottom of the file:
.card__heading {
font-size: 16px !important;
}
NOTE: Value “16px” → you can change to match your theme
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
Thank you for these! How can I change the show cart button color in the popup?


