Jump to content

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

Recommended Posts

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.

Link to comment
  • Replies 5
  • Views 905
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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

Link to comment
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:


Link to comment
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.

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.