Customizing the Checkout Button and Checkout Page

Site URL: http://www.dakineskava.com

Hi there! I'm looking for the custom coding to change the size and font of the Checkout Button on my site. I've found several solutions on the forum but none of them are working for some reason. Maybe because I'm using the Skye template?

Also, I was wondering if there is any customization of fonts that can be done on the actual checkout page, or whether that is standard for all Squarespace sites. Thanks!

dakineskava.com/checkout

Hello Paul,

Is there a way to add new text on the Check out page?

I have a bilingual website and I would like to add French texts next to the English ones.

I'm using Rally template.

Thanks.

Ewa.

@Ewa This isn't possible due to restrictions in place.

See my post here about translating the checkout page:

Hi Zoe and Paul,

In the v7.0 Brine family, I have managed to style the checkout button using the following code:

body .checkout button.CheckoutButton-checkoutButton-3yWY2 {
   display:block;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color:#231f74;
  font-weight: 700;
  font-style: normal;
  line-height: normal;
  opacity:1;
  text-align: center;
  width: auto;
  height: auto;
  text-decoration: none;
  padding: 9px 20px;
  background-color: white;
  border-radius: 3px;
  transition: .1s opacity linear;
  cursor: pointer;
  border-color: #231f74;
  border-width:2px;
  border-style:solid;
  margin-top:10px;
}
body .checkout button.CheckoutButton-checkoutButton-3yWY2:hover {color: #fff; background-color: #231f74;}

I'm using it at https://skywavegin.com

Hi there! I am trying to figure out how to change the checkout button to direct customers to another page with a form I have made (the product purchase form isn't routing where I need it to route and there doesn't seem to be as much control as with a form outside of the product edit). Is there certain coding I need to add for when customers click the "checkout" button I can reroute them to another page? Any help is sincerely appreciated! 

6 hours ago, linds777 said:

I am trying to figure out how to change the checkout button to direct customers to another page with a form I have made

You can add a Custom Product Form to a product to allow you to capture custom information. If this isn't suitable, please provide us with more details, including a link to the form and the product.