How can I modify cart drawer text and button animation colors?

Store Design
1

Dear community,

I want to make some adjustments to my store. I’d like to know the following things:

  1. How do I change the text to VARIANT text in the cart drawer?
  2. How do I change the color of ANIMATIONS (arrow) of ALL buttons (when clicked)?

Please refer to the screenshot below.

IMG_3771.jpg
IMG_3771.jpg1170×2532 108 KB

Website: cozybandnl.myshopify.com

Password: owl

Theme: Motion

Kind regards

2

Hi @blcksoap ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
.cart__variant-meta {
   color: #fff !important;
}

.cart__variant-meta:before {
    content: "VARIANT";
    font-size: 0.9em !important;
    display: block;
    color: #000;
}

.cart__checkout-wrapper button:hover {
    background-image: none !important;
    position: relative;
}
.cart__checkout-wrapper button:hover:after {
    content: "";
    width: 55px;
    height: 20px;
    position: absolute;
    right: 31px;
    top: 13px;
    z-index: 9999;
    background: url(//cdn.shopify.com/s/files/1/0637/0902/0375/t/2/assets/button-arrow.png) no-repeat 100%;
    filter: invert(1);
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.