Solved

Please tell me how to change "Buy it now" button text to Upper case After I updated Minima theme?

Wenjian_Zhao
Explorer
73 0 9

Hi, all:

Does anyone know how to change "Buy it now" button text to All Upper case? Since I just updated my Minimal theme. The button text is bounded together with the menu text.

So, I have to choose lower case to fit the menu text. But the button text "Buy it now"  also change to lower case. That is not not. 

Would you please help me to override the "Buy it now" text on the button to All Upper Case?

Thanks!

jane

7/21/2021

Accepted Solution (1)

dmwwebartisan
Shopify Partner
12289 2547 3698

This is an accepted solution.

@Wenjian_Zhao 

Please follow the steps: 

-Step 1: Go to Online store > Themes > Actions > Edit code.

- Step 2: Go to Assets > timber.scss.liquid and paste this at the bottom of the file:

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

 hope it works

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 4 (4)

Developer-G
Shopify Partner
3079 604 856

Hello @Wenjian_Zhao ,

 


1. Go to Online Store->Theme->Edit code
2. Asset->timber.scss  paste bellow code in bottom of file

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

Thanks

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter

ZestardTech
Shopify Expert
5393 971 1293

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

dmwwebartisan
Shopify Partner
12289 2547 3698

This is an accepted solution.

@Wenjian_Zhao 

Please follow the steps: 

-Step 1: Go to Online store > Themes > Actions > Edit code.

- Step 2: Go to Assets > timber.scss.liquid and paste this at the bottom of the file:

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

 hope it works

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Wenjian_Zhao
Explorer
73 0 9

Thank you so much!