I’m working through changing the button background color and text on my site and have been able to find most of the code online.
In Studio, when you add an item to your cart, a box pops up saying “Item added to your cart”. Within this little box is a picture of the product and 2 buttons: View Cart and Checkout, then a link below that says Continue Shopping. You can see from the photo that all of these are too light to read.
I have changed the Checkout button as well as the Continue Shopping on the checkout/cart page but this has not changed anything on this pop up.
Does anyone have the code to change the colors of the button/link/text for these items? Thanks in advance.
Hi @SweetViolet , can you share your store url?
@SweetViolet , go to base.css and add the following code :
.button--full-width {
background-color: #bc8aa2 !important;
}
Result:
1 Like
Thank you that worked perfectly!
There is also a link below the buttons that says “Continue Shopping”. Is there a way to change this as well?
Can I ask you about this page as well? It has a Continue Shopping button as well as “Login to check out faster” link. I think that’s it for now!
1 Like
@SweetViolet , Add the following code to base.css :
.cart__warnings a {
color: #010101 !important;
}
1 Like
@SweetViolet , Also add this code :
.cart-notification__links .link {
color: #010101 !important;
}
Result:
1 Like
Wonderful! Do you know how to change the color of the link at the bottom of the pop up cart? I think it says “Continue Shopping”.
1 Like
@SweetViolet , see my previous response for the “Continue shopping” color.
1 Like
Sorry I missed that one - thank you again!
1 Like
