"Add to cart" All in Caps

[Sproud]

Hello, I would like the "Add to cart" to be in all caps. Is that possible? 

Theme: Origin

Preview: https://pg7vhe5h6xc4t4nz-58489143504.shopifypreview.com

[suyash1 · Accepted solution]

@Sproud  please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

.quick-add__submit {
    text-transform: uppercase;
}

[Sproud]

Thank you so much! 

[dws_pvt_ltd]

@Sproud, Please follow these steps to add this CSS code:
1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can't find your custom CSS file, open base.css" OR "theme.css".
6. Add the following code at the end of the file.

.quick-add__submit {
    text-transform: uppercase;
}   

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.

[Moeed]

Hey @Sproud 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.quick-add__submit {
    text-transform: uppercase !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[websensepro]

@Sproud,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
.quick-add__submit {
    text-transform: uppercase !important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you like my help, you can help me buy a COFFEE

Thanks!

[gutenplayer]

@Sproud hi, hope you are well

Please go to

1) Online store

2) Themes -> Edit theme

3) asstes

4) quick-add.css and add this code end of the file

.quick-add__submit {
    text-transform: capitalize;
}

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM

[BSS-TekLabs]

- Here is the solution for you @Sproud 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
.quick-add__submit {
    text-transform: uppercase !important;
}
</style>

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[namphan]

Hi @Sproud,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.quick-add__submit {
    text-transform: uppercase;
}