Changing checkout button colour in shopping cart

Site URL: https://sawfish-cat-9nxl.squarespace.com/cart

hi there,

pw: Ch4rl13

I'm trying the change the background colour on the checkout button in the cart - I've managed to change the font and font colour, but nothing seems to make the background change. This is the code I've been messing around with to try and get it to work:

/* checkout button */
.checkout-button span {
  color: #414042 !important;
  background: #F4ED3 !important;
  font-family: LilitaOne-Regular !important;
}

...and on the payment page I've changed the button colour but can't figure out how to change the text!

any help would be appreciated - Thanks folks!

2 hours ago, kennedyc said:

I'm trying the change the background colour on the checkout button in the cart

The password you've provided for your site isn't correct, but you should be able to change the button colour on your Squarespace 7.1 site by adding the following to Design > Custom CSS:

body .checkout button.CheckoutButton-checkoutButton-3yWY2 {
  background-color: #F4ED3;
}

   If a post helps you, please click a "Like" option below  ↘️

Thanks Paul - I tried the code and couldn't get it to work - tweaked it a bit and still no joy - any other advice? (sorry about password, I've corrected it in the original question)

Because it’s the cart, the CSS won’t take effect immediately. You’ll need to save it then refresh the page.

Hi Paul, 

Great, thanks for your help!

cheers,

Kennedy

I am needing help with this also. I entered the code you provided substituting my preferred color. How long does this take to become visible? It's been about 10 minutes. 

On 11/10/2020 at 1:12 AM, JKassel said:

I am needing help with this also. I entered the code you provided substituting my preferred color. How long does this take to become visible? It's been about 10 minutes. 

 

Can you share site url? We can check easier

On 11/11/2020 at 5:57 AM, tuanphan said:

Can you share site url? We can check easier

Hi there -  I would so appreciate your help as well. I tried using the code and the color didn't update for me.  My site is livelyhouse.co. THANK YOU!

On 9/11/2021 at 4:23 AM, LivelyHouse said:

 

Hi there -  I would so appreciate your help as well. I tried using the code and the color didn't update for me.  My site is livelyhouse.co. THANK YOU!

Add to Design > Custom CSS

/* Checkout button */
button.checkout-button {
    background-color: red !important;
}
button.checkout-button a {
    color: green !important;
}