How do I customise the added to cart drop down

When I add an item in my store to cart there is an animation/drop-down which appears stating that I have added the item to cart. However, this hasn’t been customised and does not fit with the theme of my store, the button borders are to thick etc. So I was wondering where I can customise this part of my store.

1 Like
  • Here is the solution for you @CameronO
  • Please follow these steps:

  • Then find the base.css or theme.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
#cart-notification-button {
     background: black !important;
    border: 2px solid white !important;
}
.button--secondary:after {
    --border-opacity: white !important;
}
  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like

Thank you, and how would I make the Checkout button this colour#8C80DD and the checkout text white

1 Like
#cart-notification-form .button--primary{
     background: #8C80DD !important;
    color: white !important;
}
#cart-notification-form .button--primary::after {
    box-shadow: none !important;
}

Can you add more this code @CameronO

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

1 Like