Trying to change the color of the shopping cart "checkout" buttons

Site URL: https://wolf-earthworm-l4tg.squarespace.com/

Hi there,

I was very surprised to find that there is not a simple way to style the shopping cart page through squarespace without having to inject some CSS. Regardless I am having a bit of trouble locating and changing the colors on the "checkout" and "continue shopping" buttons.

I have mostly figured out the styling of the shopping cart page, it's just specifically the buttons I am having an issue with.

Anyone have some suggested code to chuck in? I've got the HEX colors sitting by.

10 minutes ago, shiDMV said:

Your site is private, can you add a password and re-send the link?

Not sure I can, as I am only working on the site, don't own it.

But would that be site specific? Given it's a generic template is not just a generic code that we can use to change button details.

I mean the title was just .cart-title {} I just can't seem to find the code for checkout and continue shopping

11 minutes ago, shiDMV said:

Can you try this and let me know if it works for you?

Add to Design > Custom CSS

 button.checkout-button {
    background-color: #FFF !important;
}

Also can you send a screenshot of the page that you need help with?

Unfortunately that didn't change anything on the button:

Screenshot as per below:

2 minutes ago, shiDMV said:

.CartFooter-checkout-28MW2.checkout {
    background-color: #FFF !important;
}

Maybe this will work? let me know.

Nope. That didn't work.

I really appreciate you attempting to help with this.

Maybe I will try tomorrow after I have talked to the boss about sharing the site.

Again I am really surprised that there isn't a UI for this when there is for either side of the purchasing process.

Update

Solved with:

Quote

.cart-checkout-button{
      
      background: #HEX !important;
      color: #HEX !important;
}

3 minutes ago, JamesDC said:

Solved

Glad you were able to find a solution!

I will delete my previous replies so that others can find the answer more quickly.

Have a good night!