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

Store Design
, ,
1

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:

View Cart Check out.jpg
View Cart Check out.jpg518Ă—497 19.5 KB

Thanks in advance!

2

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.

3

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 tag

RESULT:

Moeed_0-1730101915986.png
Moeed_0-1730101915986.png368Ă—352 24.8 KB

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

Best Regards,
Moeed

4

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.