Shopify: change the text of the buy now button


The Buy Now button

The button "Buy now"Or"Dynamic checkout", allows the visitor to be redirected directly to placing an order, or if PayPal is activated, to display a PayPal purchase button.

Almost everyone adds it to their store because it is a very interesting feature. However, you can't edit the text in Shopify themes.

Change the text of the Buy Now button

Here's how to change it via CSS :

button.shopify-payment-button__button:before {
line-height: 1.42;
text-decoration: none;
text-align: center;
white-space: normal;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 0.2em;
button.shopify-payment-button__button {
font-size: 0px !important;
To put at the very end of theme.css.

Leave a comment

Please note that comments must be approved before posting