I would like to change the "CHECK OUT" button (indigo template)

Hi everyone!

I would like to change the "CHECK OUT" button (indigo template), and have it translated to Norwegian.

But the mentioned button is locked by default to English.

Anyone here knows how to custom code that button, so that I can have it written in Norwegian?

Greetings from Norway :)

@Daniel19 Add to HOME > DESIGN > CUSTOM CSS

.checkout-button span {
   visibility: hidden;
}
.checkout-button span:after {
   visibility: visible;
   content: "New Checkout Text";
   margin-left: -80px;
}

Reference: https://beaverhero.com/indigo-template-squarespace/#TranslateCheckOut

Thank you SO much!!

Worked like a charm :)

There is also some more text written by default in English on that very same page:

"SHOPPING CART"

Can I also custom code that text to Norwegian?

@Daniel19 Yes. You can use custom code to translate. You can try some code in this tutorial: https://beaverhero.com/adirondack-squarespace/#TranslateShoppingCart_Title

I hope we'll work for your template.

Fantastic link!  Thanks again :)

Are there other lists of custom codes around on this forum?

I found so many things in that list that solved other issues I have as well.

@Daniel19 ~3000 custom code. https://beaverhero.com/squarespace-all-css

I would also like to translate the text written under the box where customers are supposed to write their first name and last name in "contact us" mail box.

By default it is written "first name" and "last name".

@Daniel19 you should share url to check code.

Ok. Did I manage? I clicked the "share" button in your reply and pasted in the url.

I am such a amateur... Sorry!

@Daniel19 you mean you should share your site url to check code.

https://turtle-heptagon-6kbh.squarespace.com/config/

@tuanphan

@Daniel19

.form-wrapper .field-list .field .caption .field-element {
   visibility: visible;
}
.form-wrapper .field-list .field .caption {
   visibility: hidden;
}
.field.first-name .caption:after {
   visibility: visible;
   content: "abc";
   display: table;
}
.field.last-name .caption:after {
   visibility: visible;
   content: "tuan";
   display: table;
}

Referrence: https://beaverhero.com/indigo-template-squarespace/#TranslateFirstNameLastName

Thank you! It worked very well, @tuanphan

that is your answer =))) not me answer @Daniel19