How do I make this "Check Out" Button my theme colour?

Store Design
1

Once I press the “Add to Cart” Button it leads to this drawer type of cart. How do I change the colour for this?

puppuppup_0-1646040919337.png
puppuppup_0-1646040919337.png748×696 35 KB

divineemporiumstore.com

2

Hi @puppuppup ,

add this code to your base.css file.

Navigate to online store >> Click edit theme code.

Now find base.css and paste the following code:

#cart-notification {background-color: red !important;}

Change the color according to your preferences.

3

puppuppup_0-1646041475625.png
puppuppup_0-1646041475625.png786×798 29.1 KB

I only wanted the checkout button to be red. not the entire cart page hahahaha

4

My mistake I should have clarified :slightly_smiling_face:

5

I wanted the checkout button to be this colour #F85811

6

@puppuppup

button.button.button--primary.button--full-width {
    background-color: #F85811!important;
}

Add this code in the base.css file

7

Now how do I make the text white?

1 Like
8 
button.button.button--primary.button--full-width {
    background-color: #f85811!important;
    color: white !important;
}
9

@puppuppup
if helpful like our Solution.