[Dawn Theme] How do I change colors and border of "View Cart" and "Chek out" popup?

[namestolen]

When you add a product to cart, there is a popup that shows up in the upper right hand corner and it has two buttons that I want to change the colors of.  Image for reference:

Thanks in advance!

[DaisyVo]

Hi @namestolen 

Could you please share your store URL with us? We can provide you with CSS code for that part. 

Looking forward to hearing from you soon. Thank you!

Best,

Daisy - Avada Support Team.

[DaisyVo]

Hi @namestolen 

You can follow our detailed guide below to customize these 2 buttons: 

Step 1: Go to your Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there. Then save the change

Code for "View cart" button:

a#cart-notification-button {
    background: black !important;
    color: white !important;
}

Code for "Check out" button: 

form#cart-notification-form > button {
    background: white !important;
    color: black !important;
}

Please let me know if it works. Thank you so much!

Best,

Daisy - Avada Support Team.

[Moeed · Accepted solution]

Hey @namestolen 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
a#cart-notification-button {
    border: solid 2px #ccba78 !important;
    background: black !important;
    color: #ccba78 !important;
}
a#cart-notification-button:after {
    box-shadow: unset !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed