Jump to content

Customize Checkout Button

Recommended Posts

Site URL: http://faceoflove.co

I cannot figure out how to edit the checkout button, it should have a border around the button like the rest of the buttons on my site unfortunately I just don't know whats going on. I would also like to make the text all caps and slightly larger so it's a little more noticeable same with the "shopping cart" text a little larger and all caps. 


Is it possible to apply a custom font to the product titles as well?

Screen Shot 2022-09-05 at 9.34.08 PM.png

Edited by nahlah
Link to comment
  • Replies 4
  • Views 317
  • Created
  • Last Reply

Top Posters In This Topic

On 9/8/2022 at 6:32 AM, tuanphan said:

Hi. What is password?


You can also try adding this to Design > Custom CSS

/* checkout */
.cart-checkout-button {
	border: 3px solid red !important;
	text-transform: uppercase !important;


the password is: love@913


this code didn't work for me though

Link to comment
On 9/16/2022 at 7:18 AM, nahlah said:

the site is live now but I still haven't figured out a solution

Add this to Settings > Advanced > Code Injection > Header

  /* checkout */
.cart-checkout-button {
	border: 3px solid red !important;
	text-transform: uppercase !important;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.