Customize Checkout Button

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?

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;
}

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

On 9/12/2022 at 11:20 AM, nahlah said:

the password is: love@913

 

this code didn't work for me though

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

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

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