How to Edit "Buy Now" Button Text On product page Dawn Theme

[Vilcka]

Hello everyone,

I’m trying to edit the text on the "Buy Now" button on my product page. Right now, it appears in lowercase, but I want to change its formatting.

I couldn’t find an option to edit this button within Theme Content, and I want to modify it without losing its functionality (redirecting users directly to checkout).

I’m using the Dawn theme, and my store is voir.cl. Any advice on where I can adjust this—whether in theme settings, Liquid, or CSS—would be greatly appreciated.

Thank you!

[JayAdra]

If you're looking to change the case of it only, you can do this using CSS:

.shopify-payment-button__button {
    text-transform: uppercase;
}

If you want to change the content of it, you should look in your Shopify admin > Sales channels > Online store > Click the ... next to your theme > Edit default content and try searching in there for the translation text to change.

[goldi07]

hello @Vilcka 

Go to online store ----> themes ----> actions ----> edit code ---->base,css> ...add the code end of the file

button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    text-transform: capitalize;
}

If this was helpful, hit the like button and accept the solution.
Thanks

[oscprofessional]

Hi @Vilcka ,

Go to Online Store > Themes > Actions > Edit Code > base.css

Add below code at the bottom of  base.css  file

button.shopify-payment-button__button {
    text-transform: uppercase;
}