Jump to content

How to change check out button color on cart page Squarespace 7.1

Recommended Posts

23 minutes ago, Desmi said:

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

Hi there. I'm trying to change my cart button but the code I've seen does not work. My button is currently black so people don't know how to check out. I'd like to change it's background to #18DEE0.

Hi There,
Please go to design>custom CSS and paste the following code
.primary-button-shape-rounded #siteWrapper:not(.with-button-variants) .sqs-button-element--secondary, .primary-button-shape-rounded #siteWrapper:not(.with-button-variants) .sqs-button-element--tertiary {
    background-color: #18DEE0 !important;
.cart-checkout button {
    background-color: #18DEE0 !important;
Please let me know how it goes, and ask for help if it does not work. Please mark the answer as correct if it works. Thanks

Become a contributor to the largest resource for Squarespace and gain recognition from thousands of visitors.

Join us on this exciting journey. Ping us here!.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.