Personalized checkout and custom promotions with Shopify Scripts
Hello, I need help editing the mini-cart popup notification (picture attached below).
I've already used some CSS code on the base template, but more specifically need a couple of things:
-Change the font color of "Items added to your cart" at the top of the popup
-Change the font colors and background colors of both of the buttons (view cart/checkout)
Any help would be much appreciated!
Solved! Go to the solution
This is an accepted solution.
Thank for the info, Do you mean like this?
If it is, Try this one.
a#cart-notification-button, button.button.button--primary.button--full-width {
background: red;
color: white;
}
.cart-notification__header * {
color: black;
}
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Hi @Haebyul
Would you mind to share your Store URL website? with password if its unpublish. Thanks!
This is an accepted solution.
Thank for the info, Do you mean like this?
If it is, Try this one.
a#cart-notification-button, button.button.button--primary.button--full-width {
background: red;
color: white;
}
.cart-notification__header * {
color: black;
}
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Yes, that worked perfectly. Thank you!
is there a way to also change the color of the "continue shopping" button? I'm really bad at coding :c
How would I change the color of the text on the "Continue Shopping" link that is at the bottom of that screenshot? I would like it to be white please
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025