Checkout button, change color

Site URL: https://www.at17c.com/cart

Hey. 
I am looking to change the color of two buttons on the cart/checkout page. 
1. The button that says "Continue shopping" when you have no items in cart

2. The button that says "Checkout" when you have items in cart. 

I have used custom CSS, to change the "add to cart" button to have the wanted effect. 
I just can't implement the same CSS to those other two buttons. 

I will attach a photo of the CSS I use that works on the one button, and then a photo of the checkout page. 

TIA

Code for website is: basement

On 4/13/2022 at 10:02 PM, at17c said:

Site URL: https://www.at17c.com/cart

Hey. 
I am looking to change the color of two buttons on the cart/checkout page. 
1. The button that says "Continue shopping" when you have no items in cart

2. The button that says "Checkout" when you have items in cart. 

I have used custom CSS, to change the "add to cart" button to have the wanted effect. 
I just can't implement the same CSS to those other two buttons. 

I will attach a photo of the CSS I use that works on the one button, and then a photo of the checkout page. 

 

TIA

 

Code for website is: basement

Try adding to Home > Design > Custom Css

#cart .cart-continue-button:hover {
  background: red !important;
}

#cart .cart-checkout-button:hover {
  background: red !important;
}

Let me know how it goes on your site

Support me by pressing 👍 if this useful for you

site are password protect .. send me password pls...

On 4/17/2022 at 5:29 AM, bangank36 said:

Try adding to Home > Design > Custom Css

#cart .cart-continue-button:hover {
  background: red !important;
}

#cart .cart-checkout-button:hover {
  background: red !important;
}

Let me know how it goes on your site

Support me by pressing 👍 if this useful for you

Hi - it unfortunately does not work. I've tried so many different things, but I can't seem to change anything about the checkout button whatsoever. 
Any clues?

On 8/25/2022 at 5:30 PM, at17c said:

Hi - it unfortunately does not work. I've tried so many different things, but I can't seem to change anything about the checkout button whatsoever. 
Any clues?

Try this new CSS

button.cart-checkout-button {
	background-color: red !important;
	color: violet !important;
}