How to change background color of add to cart pop up window dawn theme

Store Design
1

Hey I want to change the background color of add to cart pop up window from white to a different color

IMG_7265.PNG
IMG_7265.PNG1170×2532 263 KB

1 Like
2

the site: https://creamcy.com/products/foodie-avocado-deco-phonecase-1

password: teinai

3

@lorrnnzo

a#cart-notification-button {
    background-color: red !important;
    color: white !important;
    border: none;
}

Add this code in the bottom of the **component-cart-notification.**css file

1 Like
4

Hi @lorrnnzo ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/component-cart-notification.css->paste below code at the bottom of the file:
.cart-notification-wrapper .cart-notification {
    background-color: white;
}

NOTE: Value “white” → you can change to match your theme

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

5

Thank you it worked!

Now if I want to change the color of checkout button what should I do

IMG_C1C9C886E55E-1.jpeg
IMG_C1C9C886E55E-1.jpeg1170×2532 120 KB

6

Hi @lorrnnzo ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/component-cart-notification.css->paste below code at the bottom of the file:
#cart-notification-form .button--full-width {
    background-color: white !important;
    color: black !important;
}

NOTE: Value “white and black” → you can change to match your theme

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

1 Like
7

Thank you it worked!

I have the last question which is how to change the font size of the product in collection page?

IMG_7273.jpg
IMG_7273.jpg1170×1836 130 KB

8

Hi @lorrnnzo ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/component-card.css->paste below code at the bottom of the file:
.card__heading {
    font-size: 16px !important;
}

NOTE: Value “16px” → you can change to match your theme

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

1 Like
9

Thank you for these! How can I change the show cart button color in the popup?