Edit the Shopping Cart Checkout Button

What does this code do?

This code snippet will allow you to change the color of the checkout button on your shopping cart page.

 

Code Snippets

Copy and paste this code into Design > Custom CSS

/* Shopping Cart Checkout Button */
.cart-checkout-button {
  background-color: red !important; // background-color 
  color: white !important; // font-color
}

Then change red and white to colours of your choice.

 

How To Use It

  1. Copy and paste the code as indicated above.

  2. Customize the colours. You can use a word, rgb, or hex code for the color.

Rebecca Grace

Rebecca Grace is a Squarespace CSS Expert and Website Designer.

https://rebeccagracedesigns.com
Previous
Previous

Change the Search Bar Placeholder Text Color

Next
Next

Edit the Floating Shopping Cart Button