Jump to content

How do I change the color and font of the 'Shopping Cart' page 'Checkout' button?

Recommended Posts

10 hours ago, Natasha2022 said:

Site URL: https://www.natashasvines.com/


I'm very new to having my own website and feel like I'm in over my head a bit. On my 'Shopping Cart' page I'm having trouble on how to change the color of the 'Checkout' button. 


Hi, add this code to custom css (Design > Custom CSS) and change the hex to your preferred colours, and add your font name in between the apostrophes. Let me know how it goes 🙂

.checkout-button {
  background-color: #HEX;
  color: #HEX;
  font-family: 'FONT NAME HERE' !important;


Please give this a 👍 if it helps. Make sure to quote me or tag me in your reply, otherwise I won't be notified.

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.