Change Checkout button color

Site URL: https://mistoa.squarespace.com/

Hi!

I'm trying to change Checkout button's color on Cart page, but haven't been able to do it.

https://mistoa.squarespace.com/cart

Any ideas?

Thanks!

Your site is private. Can you setup password & share url?

Sorry, @tuanphan 

password:1234

https://mistoa.squarespace.com/cart

20 hours ago, bbarinaga said:

Sorry, @tuanphan 

password:1234

https://mistoa.squarespace.com/cart

Can you share link to a product page?

Here's a product page: https://mistoa.squarespace.com/tienda/lavabo-rectangular

However, the button that I want to change is here:

https://mistoa.squarespace.com/cart

Thanks!

I managed to change it with: body .checkout button.CheckoutButton-checkoutButton-3yWY2 {background-color: #27333c}

Thanks!

56 minutes ago, bbarinaga said:

Here's a product page: https://mistoa.squarespace.com/tienda/lavabo-rectangular

However, the button that I want to change is here:

https://mistoa.squarespace.com/cart

Thanks!

 

Add to Home > Design > Custom CSS

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

Hey I am experiencing the same issue. Ive tried doing both the following :

 body .checkout button.CheckoutButton-checkoutButton-3yWY2 {

background-color: #27333c ! important;

}

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

yet none of it seems to work. Here is my website: https://www.themaycircle.com/cart

Thanks!

@Yugvir just helped someone with a similar issue, try this code

 

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

you'll also have to save your changes and then refresh or go to a different page and back to the cart. The changes didn't appear until I did that 

Yes! that worked. Thank you very much!

Hi,

I've tried all of these codes and none have worked for me. I'm using SquareSpace 7, not sure if that makes a difference. I've also never used code like this before. Am I supposed to edit it when I put it in the Custom CSS? Should I remove any spaces?

Any help would be appreciated.

Thanks!

On 9/29/2022 at 12:14 AM, Messica said:

Hi,

I've tried all of these codes and none have worked for me. I'm using SquareSpace 7, not sure if that makes a difference. I've also never used code like this before. Am I supposed to edit it when I put it in the Custom CSS? Should I remove any spaces?

Any help would be appreciated.

Thanks!

Yes. Some templates in 7.0 uses different code. Can you share link to your site?

@tuanphan Thank you!!

https://www.ourgratefulgarden.org/cart

14 hours ago, Messica said:

@tuanphan Thank you!!

https://www.ourgratefulgarden.org/cart

Thank you. Can you share link to a product? We can add it to cart to view checkout button